@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;700;900&display=swap');

@import "owl.theme.css";
@media (min-width: 1300px) {
  .container {
    max-width: 1300px;
    padding: 0;
  }
}

body,html {
  margin: 0;
  padding: 0;
  background: white;
  font-family: 'Nunito', sans-serif;
  width:100%!important;
}

body a:hover,
body a:focus {
  text-decoration: none;
}

body ul {
  margin: 0;
  padding: 0;
}

body ul li {
  list-style: none;
}

body *:focus {
  outline: 0;
}

body b {
  font-weight: 900;
}
.side-links a img{
  width: 80%!important;
  margin: 12px -16px 10px 0px;
  padding-left: 0px;}
  body .nice-select {
    width: 100%;
    padding: 0 15px;
    border-radius: 15px;
    border: none;
  }

  body .nice-select ul.list {
    width: 100%;
    margin-top: 10px;
    border-radius: 15px;
    padding: 15px 25px;
  }

  body .nice-select ul.list li {
    border-bottom: 1px dashed #e9e9e9;
    display: block;
    -webkit-transition: .4s;
    transition: .4s;
    background: none !important;
  }

  body .nice-select ul.list li:hover {
    color: #083d64;
    font-weight: 900;
  }

  body .nice-select ul.list li:last-child {
    border: none;
  }

  body .nice-select:after {
    width: 8px;
    height: 8px;
    border-color: #8d8f8c;
    right: 20px;
  }

  body ::-moz-selection {
    background: #8eba1c;
    color: white;
  }

  body ::selection {
    background: #8eba1c;
    color: white;
  }

  .fp-tableCell {
    vertical-align: bottom;
  }

  .preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #8eba1c;
    z-index: 999999;
    text-align: center;
  }

  .preloader .spinner {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 46%;
    -webkit-transform: translateY(-46%);
    transform: translateY(-46%);
  }

  .preloader .spinner .double-bounce1,
  .preloader .spinner .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
  }

  .preloader .spinner .double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
  }

  @-webkit-keyframes sk-bounce {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    100% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  @keyframes sk-bounce {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    100% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

  @-webkit-keyframes scroll {
    0% {
      -webkit-transform: scaleY(0) translateX(-50%);
      transform: scaleY(0) translateX(-50%);
      -webkit-transform-origin: top;
      transform-origin: top;
    }
    50% {
      -webkit-transform: scaleY(1) translateX(-50%);
      transform: scaleY(1) translateX(-50%);
      -webkit-transform-origin: bottom;
      transform-origin: bottom;
    }
    100% {
      -webkit-transform: scaleY(0) translateX(-50%);
      transform: scaleY(0) translateX(-50%);
      -webkit-transform-origin: bottom;
      transform-origin: bottom;
    }
  }

  @keyframes scroll {
    0% {
      -webkit-transform: scaleY(0) translateX(-50%);
      transform: scaleY(0) translateX(-50%);
      -webkit-transform-origin: top;
      transform-origin: top;
    }
    50% {
      -webkit-transform: scaleY(1) translateX(-50%);
      transform: scaleY(1) translateX(-50%);
      -webkit-transform-origin: bottom;
      transform-origin: bottom;
    }
    100% {
      -webkit-transform: scaleY(0) translateX(-50%);
      transform: scaleY(0) translateX(-50%);
      -webkit-transform-origin: bottom;
      transform-origin: bottom;
    }
  }

  @-webkit-keyframes mover {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }

  @keyframes mover {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }

  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
  }

  header .header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0;
    height: 90px;
  }

  header .header-wrapper .logo {
    position: static;
    width: 10%;
    padding-top: 131px;
    /* background: white; */
    border-radius: 0px 0px 50% 50%;
  }

  header .header-wrapper .logo a {
    display: block;
  }

  header .header-wrapper .logo a img {
    width: 174px;
    left: 273px;
    top: -8px;
    position: fixed;
    }

    header .header-wrapper .logo .side-links {
      position: fixed;
      top: -60px;
      right: 40px;
      height: 105vh;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: -1;
    }

    header .header-wrapper .logo .side-links ul {
      padding-top: 195px;
      padding-left: -72px;
      position: relative;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
    }

    header .header-wrapper .logo .side-links ul:before {
      content: "";
      position: absolute;
      top: 23%;
      left: 0px;
      width: 100%;
      height: 100%;
      -webkit-box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.26);
      box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.26);
      background-color: white;
      background-image: url("../img/background/links.png");
      background-repeat: no-repeat;
      border-radius: 10px 10px 0px 0px;
      background-position: bottom center;
    }

    header .header-wrapper .logo .side-links ul li {
      margin-top: 40px;
      width: 100%;
    }

    header .header-wrapper .logo .side-links ul li a {
      position: relative;
      display: block;
      text-align: center;
      -webkit-transition: .4s;
      transition: .4s;
    }

    header .header-wrapper .logo .side-links ul li a i {
      position: relative;
      display: block;
      z-index: 2;
      width: 92px;
      height: 27px;
      line-height: 80px;
      font-size: 32px;
      color: #adb5bd;
      -webkit-transition: .4s;
      transition: .4s;
    }

    header .header-wrapper .logo .side-links ul li a>span {
      position: absolute;
      -webkit-transition: .4s;
      transition: .4s;
      right: -19px;
      top: 0px;
      background: #5f3313;
      z-index: -2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-right: 131px;
      height: 75px;
      width: 161px;
      border-radius: 10px;
      line-height: 1;
      text-align: center;
      font-size: 16px;
      color: #ffffff;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.9);
      box-shadow: 0px 3px 30px 0px rgb(0 0 0);
    }
    header .header-wrapper .logo .side-links ul li.active a>span,header .header-wrapper .logo .side-links ul li:hover a>span {
      width: 245px;
    }
    header .header-wrapper .logo .side-links ul li a>span>span{
      display: none;
      transition:.4s;
      height: 11px;}
      header .header-wrapper .logo .side-links ul li a>span b {
        margin-right: 0;
        display: none;
        font-size: 20px;
        padding-top: 3px;
        transition: .4s;
        font-size: 17px;}
        header .header-wrapper .logo .side-links ul li.active a>span>span,
        header .header-wrapper .logo .side-links ul li.active a>span b,
        header .header-wrapper .logo .side-links ul li:hover a>span>span,
        header .header-wrapper .logo .side-links ul li:hover a>span b{
          display: block;
        }


        header .header-wrapper .logo .side-links ul li a.devam {
          font-size: 10px;
          font-weight: 900;
          color: #737373;
          display: block;
          position: relative;
          z-index: 2;
          padding: 13px 0;
        }

        header .header-wrapper .logo .side-links ul li a.devam .mouse {
          display: block;
          width: 20px;
          height: 35px;
          margin: 0 auto;
          border-radius: 10px;
          border: 2px solid #737373;
          margin-bottom: 5px;
          position: relative;
          -webkit-transition: .4s;
          transition: .4s;
        }

        header .header-wrapper .logo .side-links ul li a.devam .mouse:before {
          content: "";
          position: absolute;
          top: 5px;
          left: 50%;
          width: 2px;
          border-radius: 1px;
          height: 8px;
          background: #737373;
          -webkit-animation: scroll 3s infinite;
          animation: scroll 3s infinite;
          -webkit-transition: .4s;
          transition: .4s;
        }

        header .header-wrapper .logo .side-links ul li a.devam:hover {
          color: #8eba1c;
        }

        header .header-wrapper .logo .side-links ul li a.devam:hover .mouse {
          border-color: #8eba1c;
        }

        header .header-wrapper .logo .side-links ul li a.devam:hover .mouse:before {
          background: #8eba1c;
        }

        header .header-wrapper .logo .side-links ul li.active a, header .header-wrapper .logo .side-links ul li:hover a {
          color: #8eba1c;
        }

        header .header-wrapper .logo .side-links ul li.active a i, header .header-wrapper .logo .side-links ul li:hover a i {
          color: #8eba1c;
        }

        header .header-wrapper .logo .side-links ul li.active a span, header .header-wrapper .logo .side-links ul li:hover a span {
          background: #8eba1c;
          color: white;
          font-size: 13px;
        }



        header .header-wrapper .logo .side-links ul li:last-child a {
          padding: 25px 0;
        }

        header .header-wrapper .menu {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          margin-top: 15px;
          position: relative;
        }

        header .header-wrapper .menu .social {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding-right: 20px;
          border-right: 1px solid black;
        }

        header .header-wrapper .menu .social > span {
          color: white;
          font-size: 14px;
          display: block;
          font-weight: 700;
          margin-right: 27px;
        }

        header .header-wrapper .menu .social ul li {
          display: inline-block;
        }

        header .header-wrapper .menu .social ul li a {
          color: black;
          -webkit-transition: .4s;
          transition: .4s;
          font-size: 14px;
          padding: 10px 5px;
        }

        header .header-wrapper .menu .social ul li a:hover {
          color: #8db91c;
        }

        header .header-wrapper .menu .login {
          position: relative;
        }

        header .header-wrapper .menu .login > a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding: 0px 20px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          color: white;
          font-size: 14px;
          color: black;
          /* text-transform: uppercase; */
          font-weight: 800;
          -webkit-transition: .4s;
          transition: .4s;
        }

        header .header-wrapper .menu .login > a:hover {
          color: #8eba1c;
        }

        header .header-wrapper .menu .login > a i {
          font-size: 18px;
          margin-right: 10px;
          font-weight: normal;
        }

        header .header-wrapper .menu .login > a.active {
          color: #8eba1c;
        }

        header .header-wrapper .menu .login .login-form {
          position: absolute;
          top: 100%;
          left: 50%;
          padding: 15px;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          width: 200px;
          margin-top: 20px;
          background: white;
          -webkit-box-shadow: 0 10px 21px 0px rgba(0, 0, 0, 0.67);
          box-shadow: 0 10px 21px 0px rgba(0, 0, 0, 0.67);
          z-index: 11;
          border-radius: 10px;
          display: none;
        }

        header .header-wrapper .menu .login .login-form:before {
          content: "";
          position: absolute;
          width: 20px;
          height: 20px;
          left: 50%;
          top: -10px;
          -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
          background: white;
        }

        header .header-wrapper .menu .login .login-form form .input-group {
          margin-bottom: 15px;
        }

        header .header-wrapper .menu .login .login-form form .input-group input {
          height: 40px;
          background: #f2f2f2;
          border: none;
          width: 100%;
          border-radius: 10px;
          text-indent: 15px;
          font-size: 12px;
          font-weight: 900;
        }

        header .header-wrapper .menu .login .login-form form .input-group input::-webkit-input-placeholder {
          font-size: 12px;
          font-weight: 700;
          color: #2b2b2b;
        }

        header .header-wrapper .menu .login .login-form form .input-group input:-ms-input-placeholder {
          font-size: 12px;
          font-weight: 700;
          color: #2b2b2b;
        }

        header .header-wrapper .menu .login .login-form form .input-group input::-ms-input-placeholder {
          font-size: 12px;
          font-weight: 700;
          color: #2b2b2b;
        }

        header .header-wrapper .menu .login .login-form form .input-group input::placeholder {
          font-size: 12px;
          font-weight: 700;
          color: #2b2b2b;
        }

        header .header-wrapper .menu .login .login-form form .input-group .remember {
          position: relative;
        }

        header .header-wrapper .menu .login .login-form form .input-group .remember input {
          opacity: 0;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
          cursor: pointer;
        }

        header .header-wrapper .menu .login .login-form form .input-group .remember label {
          display: block;
          padding-left: 30px;
          position: relative;
          cursor: pointer;
          color: #2b2b2b;
          font-size: 12px;
          font-weight: 700;
        }

        header .header-wrapper .menu .login .login-form form .input-group .remember label:before {
          content: "";
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 21px;
          height: 23px;
          background-image: url("../img/icons/checkbox.png");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: top center;
        }

        header .header-wrapper .menu .login .login-form form .input-group .remember input:checked ~ label:before {
          background-position: bottom center;
        }

        header .header-wrapper .menu .login .login-form form .input-group a.forgot_password {
          color: #2b2b2b;
          font-size: 12px;
          font-weight: 700;
          padding-left: 30px;
          -webkit-transition: .3s;
          transition: .3s;
        }

        header .header-wrapper .menu .login .login-form form button[type="submit"] {
          font-size: 12px;
          color: white;
          display: block;
          width: 100%;
          padding: 0;
          font-weight: 900;
          border: none;
          height: 40px;
          border-radius: 10px;
          line-height: 40px;
          text-align: center;
          background: #8eba1c;
          -webkit-transition: .4s;
          transition: .4s;
        }

        header .header-wrapper .menu .login .login-form form button[type="submit"]:hover {
          background: #8eba1c;
        }

        header .header-wrapper .menu .lang a {
          color: white;
          font-size: 14px;
          font-weight: 700;
          -webkit-transition: .4s;
          transition: .4s;
          padding: 2px 20px;
          border-left: 1px solid white;
          border-right: 1px solid white;
          transition: .4s;
          font-weight: 900;
        }

        header .header-wrapper .menu .lang a:hover {
          color: #8eba1c;
        }

        header .header-wrapper .menu .openMenu > a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          color: white;
          font-size: 29px;
          font-weight: 900;
          padding-left: 20px;
          -webkit-transition: .4s;
          transition: .4s;
        }

        header .header-wrapper .menu .openMenu > a span.hamburger {
          display: block;
          margin-left: 10px;
          width: 44px;
          height: 2px;
          border-radius: 2px;
          background: white;
          position: relative;
          cursor: pointer;
          -webkit-transition: .4s;
          transition: .4s;
        }

        header .header-wrapper .menu .openMenu > a span.hamburger:before {
          content: "";
          position: absolute;
          left: 0;
          top: -8px;
          background: white;
          width: 29px;
          height: 2px;
          border-radius: 2px;
          -webkit-transition: .4s;
          transition: .4s;
        }

        header .header-wrapper .menu .openMenu > a span.hamburger:after {
          content: "";
          position: absolute;
          -webkit-transition: .4s;
          transition: .4s;
          left: 0;
          bottom: -8px;
          background: white;
          width: 40px;
          height: 2px;
          border-radius: 2px;
        }

        header .header-wrapper .menu .openMenu > a.active {
          color: #8eba1c;
        }

        header .header-wrapper .menu .openMenu > a.active span.hamburger {
          background: transparent;
        }

        header .header-wrapper .menu .openMenu > a.active span.hamburger:before {
          width: 24px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          background: #8eba1c;
        }

        header .header-wrapper .menu .openMenu > a.active span.hamburger:after {
          width: 24px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
          background: #8eba1c;
        }

        header .header-wrapper .menu .openMenu > a:hover {
          color: #8eba1c;
        }

        header .header-wrapper .menu .openMenu .main-menu {
          position: absolute;
          z-index: 1111;
          top: 50px;
          right: 4px;
          width: 100%;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          padding: 15px 15px;
          -webkit-box-shadow: 0px 19px 29px 0px rgba(0, 0, 0, 0.75);
          /* box-shadow: 0px 19px 30px 0px rgb(0 0 0 / 75%); */
          border-radius: 10px;
          margin-top: 17px;
          background: url("../img/background/menu-bg.png") no-repeat bottom right;
          background-size: cover;
          display: none;
        }

        header .header-wrapper .menu .openMenu .main-menu #menu {
          width: 100%;
          /* border-right: 1px solid #b1b1b1; */
        }

        header .header-wrapper .menu .openMenu .main-menu #menu > ul > li {
          margin-bottom: 10px;
          display: table-cell;padding: 10px;}

          header .header-wrapper .menu .openMenu .main-menu #menu > ul > li > a {
            display: block;
            font-size: 16px;
            color: #5f3313;
            font-weight: 700;
            -webkit-transition: .4s;
            transition: .4s;
          }

          header .header-wrapper .menu .openMenu .main-menu #menu > ul > li > a:hover {
            color: #8eba1c;
            /* font-weight: 900; */
          /* background: whitesmoke; *//* padding: 10px; *//* border-bottom: solid; */}

          header .header-wrapper .menu .openMenu .main-menu #menu > ul > li:last-child {
            margin: 0;
          }

          header .header-wrapper .menu .openMenu .main-menu > a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-left: 20px;
            padding-top: 15px;
          }

          header .header-wrapper .menu .openMenu .main-menu > a .left {
            text-align: right;
          }

          header .header-wrapper .menu .openMenu .main-menu > a .left h3 {
            font-size: 13px;
            color: #5f3313;
            line-height: 1;
            margin: 0;
          }

          header .header-wrapper .menu .openMenu .main-menu > a .left span {
            display: block;
            font-size: 28px;
            color: #5f3313;
            font-weight: 900;
            line-height: 1;
          }

          header .header-wrapper .menu .openMenu .main-menu > a i {
            font-size: 45px;
            color: #5f3313;
            margin-left: 10px;
            line-height: 1;
          }

          header .header-wrapper .menu .openMenu .main-menu.active {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
            animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
          }

          header.page, header.page-header {
            /* -webkit-box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.26); */
            /* box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.26); */
            z-index: 999;
            -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeIn;
            animation: 500ms ease-in-out 0s normal none 1 running fadeIn;
            background: linear-gradient(to bottom, #ffffff, rgb(0 0 0 / 0%));
            height: 80px;
            }

            header.page .header-wrapper .logo .side-links ul li a span, header.page-header .header-wrapper .logo .side-links ul li a span {
              -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.14);
              box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.14);
              padding-left: -30px;
            }

            header.page .header-wrapper .menu .lang a, header.page-header .header-wrapper .menu .lang a {
              color: #5f3313;
              border-color: #b3b3b3;
            }

            header.page .header-wrapper .menu .lang a:hover, header.page-header .header-wrapper .menu .lang a:hover {
              color: #8eba1c;
            }

            header.page .header-wrapper .menu .login a, header.page-header .header-wrapper .menu .login a {
              color: #5f3313;
            }

            header.page .header-wrapper .menu .login a:hover, header.page .header-wrapper .menu .login a.active, header.page-header .header-wrapper .menu .login a:hover, header.page-header .header-wrapper .menu .login a.active {
              color: #8eba1c;
            }

            header.page .header-wrapper .menu .social, header.page-header .header-wrapper .menu .social {
              border-color: #b3b3b3;
            }

            header.page .header-wrapper .menu .social span, header.page-header .header-wrapper .menu .social span {
              color: #5f3313;
            }

            header.page .header-wrapper .menu .social ul li a, header.page-header .header-wrapper .menu .social ul li a {
              color: #5f3313;
            }

            header.page .header-wrapper .menu .social ul li a:hover, header.page-header .header-wrapper .menu .social ul li a:hover {
              color: #8eba1c;
            }

            header.page .header-wrapper .menu .openMenu a, header.page-header .header-wrapper .menu .openMenu a {
              color: #5f3313;
            }

            header.page .header-wrapper .menu .openMenu a > span, header.page-header .header-wrapper .menu .openMenu a > span {
              background: #5f3313;
            }

            header.page .header-wrapper .menu .openMenu a > span:before, header.page .header-wrapper .menu .openMenu a > span:after, header.page-header .header-wrapper .menu .openMenu a > span:before, header.page-header .header-wrapper .menu .openMenu a > span:after {
              background: #5f3313;
            }

            header.page .header-wrapper .menu .openMenu a:hover, header.page .header-wrapper .menu .openMenu a.active, header.page-header .header-wrapper .menu .openMenu a:hover, header.page-header .header-wrapper .menu .openMenu a.active {
              color: #8eba1c;
            }

            header.page .header-wrapper .menu .openMenu a:hover > span:before, header.page .header-wrapper .menu .openMenu a:hover > span:after, header.page .header-wrapper .menu .openMenu a.active > span:before, header.page .header-wrapper .menu .openMenu a.active > span:after, header.page-header .header-wrapper .menu .openMenu a:hover > span:before, header.page-header .header-wrapper .menu .openMenu a:hover > span:after, header.page-header .header-wrapper .menu .openMenu a.active > span:before, header.page-header .header-wrapper .menu .openMenu a.active > span:after {
              background: #8eba1c;
            }

            header.page .header-wrapper .menu .openMenu a:hover > span, header.page-header .header-wrapper .menu .openMenu a:hover > span {
              background: #8eba1c;
            }

            header.page .header-wrapper .menu .openMenu a.active span, header.page-header .header-wrapper .menu .openMenu a.active span {
              background: transparent;
            }

            .page-content {
              background: url("../img/background/page-inner.png") no-repeat bottom left;
              background-attachment: fixed;}

              .page-content .wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
              }

              .page-content .wrapper .columns {
                height: max-content;
                padding-top: 90px !important;
              }

              .page-content .wrapper .columns.content {
                width: 73%;
                padding-left: 30px;
                position: relative;
                z-index: 11;
              }

              .page-content .wrapper .columns.content .title-area .title {
                position: relative;
                width: 70%;
              }

              .page-content .wrapper .columns.content .title-area .title h3 {
                color: #181818;
                font-size: 55px;
                line-height: 1;
                letter-spacing: -2px;
                margin: 0;
                font-family: 'Nunito';
                padding-top: 68px;
              }

              .page-content .wrapper .columns.content .title-area .title h2 {
                color: #181818;
                font-size: 115px;
                line-height: 0.9;
                margin: 0;
                font-weight: 900;
                letter-spacing: 0px;
              }

              .page-content .wrapper .columns.content .title-area .title:before {
                content: attr(data-title);
                position: absolute;
                left: -7px;
                top: 23px;
                font-size: 180px;
                line-height: 1;
                color: #474747;
                letter-spacing: 10px;
                opacity: .09;
                font-weight: 900;
                z-index: -1;
                text-transform: uppercase;}

                .page-content .wrapper .columns.content .title-area .others {
                  position: absolute;
                  right: -15px;
                  top: 120px;
                  z-index: 1;
                }

                .page-content .wrapper .columns.content .title-area .others span {
                  display: block;
                  cursor: pointer;
                  padding: 0px 25px 15px;
                  background: #ee7700;
                  border-top-left-radius: 10px;
                  border-bottom-left-radius: 10px;
                  color: white;
                  width: 200px;
                  position: relative;
                  font-size: 16px;
                  -webkit-transition: .4s;
                  transition: .4s;
                  z-index: -1;
                }

                .page-content .wrapper .columns.content .title-area .others span:before {
                  content: "";
                  position: absolute;
                  z-index: -2;
                  -webkit-transition: .4s;
                  transition: .4s;
                  bottom: 10px;
                  border-top-left-radius: 15px;
                  border-bottom-left-radius: 15px;
                  left: 0;
                  background: #8eba1c;
                  width: 100%;
                  height: 100%;
                }

                .page-content .wrapper .columns.content .title-area .others span b {
                  display: block;
                }

                .page-content .wrapper .columns.content .title-area .others span.active {
                  -webkit-transform: translateY(5px);
                  transform: translateY(5px);
                }

                .page-content .wrapper .columns.content .title-area .others span.active::before {
                  -webkit-transform: translateY(5px);
                  transform: translateY(5px);
                }

                .page-content .wrapper .columns.content .title-area .others span.active:after {
                  -webkit-transform: rotate(135deg);
                  transform: rotate(135deg);
                }

                .page-content .wrapper .columns.content .title-area .others span:after {
                  content: "";
                  position: absolute;
                  right: 25px;
                  top: 30%;
                  -webkit-transition: .4s;
                  transition: .4s;
                  -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
                  width: 10px;
                  height: 10px;
                  border-top: 2px solid white;
                  border-right: 2px solid white;
                }

                .page-content .wrapper .columns.content .title-area .others ul {
                  position: absolute;
                  display: none;
                  top: 100%;
                  padding: 10px 25px;
                  left: 0;
                  background: white;
                  margin-top: -10px;
                  border-bottom-left-radius: 10px;
                  width: 100%;
                  z-index: -2;
                  -webkit-box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.9);
                  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.9);
                }

                .page-content .wrapper .columns.content .title-area .others ul li a {
                  display: block;
                  font-weight: 800;
                  color: #181818;
                  font-size: 16px;
                  padding: 15px 0;
                  padding-left: 25px;
                  -webkit-transition: .4s;
                  transition: .4s;
                  position: relative;
                  border-bottom: 1px dashed #cacaca;
                }

                .page-content .wrapper .columns.content .title-area .others ul li a:before {
                  content: "";
                  position: absolute;
                  top: 50%;
                  left: 0;
                  -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
                  width: 16px;
                  height: 16px;
                  background: url("../img/icons/checkbox3.png") no-repeat top center;
                }

                .page-content .wrapper .columns.content .title-area .others ul li a:hover {
                  color: #8eba1c;
                }

                .page-content .wrapper .columns.content .title-area .others ul li:last-child a {
                  border: none;
                }

                .page-content .wrapper .columns.content .title-area .others ul li.active a {
                  color: #8eba1c;
                  font-weight: 900;
                }

                .page-content .wrapper .columns.content .title-area .others ul li.active a:before {
                  background: url("../img/icons/checkbox3.png") no-repeat bottom center;
                }

                .page-content .wrapper .columns.content .inner {
                  padding: 20px 15px 15px 15px;
                  padding-left: 0;
                  overflow-y: hidden;
                  overflow-x: hidden;
                  margin-top: 0px;
                  height: auto!important;
                }

                .page-content .wrapper .columns.content .inner.cnt p {
                  text-align: justify;
                  font-size: 15px;
                  color: #454545;
                }

                .page-content .wrapper .columns.content .inner.form .input {
                  margin-bottom: 15px;
                }

                .page-content .wrapper .columns.content .inner.form .input input {
                  width: 100%;
                  height: 50px;
                  border-radius: 15px;
                  border: none;
                  border: 2px solid #acacac;
                  padding: 0 20px;
                  text-align: center;
                  font-weight: 900;
                  font-size: 15px;
                }

                .page-content .wrapper .columns.content .inner.form .input textarea::-webkit-input-placeholder {
                  font-size: 15px;
                  color: #242424;
                  font-weight: 400;
                }

                .page-content .wrapper .columns.content .inner.form .input textarea:-ms-input-placeholder {
                  font-size: 15px;
                  color: #242424;
                  font-weight: 400;
                }

                .page-content .wrapper .columns.content .inner.form .input textarea::-ms-input-placeholder {
                  font-size: 15px;
                  color: #242424;
                  font-weight: 400;
                }

                .page-content .wrapper .columns.content .inner.form .input textarea::placeholder {
                  font-size: 15px;
                  color: #242424;
                  font-weight: 400;
                }

                .page-content .wrapper .columns.content .inner.form .input input::-webkit-input-placeholder {
                  font-size: 15px;
                  color: #242424;
                  font-weight: 400;
                }

                .page-content .wrapper .columns.content .inner.form .input input:-ms-input-placeholder {
                  font-size: 15px;
                  color: #242424;
                  font-weight: 400;
                }

                .page-content .wrapper .columns.content .inner.form .input input::-ms-input-placeholder {
                  font-size: 15px;
                  color: #242424;
                  font-weight: 400;
                }

                .page-content .wrapper .columns.content .inner.form .input input::placeholder {
                  font-size: 15px;
                  color: #242424;
                  font-weight: 400;
                }

                .page-content .wrapper .columns.content .inner.form ul li {
                  font-size: 12px;
                  font-weight: 700;
                  color: #242424;
                  line-height: 1;
                }

                .page-content .wrapper .columns.content .inner.form .checkbox {
                  position: relative;
                  margin-top: 80px;
                }

                .page-content .wrapper .columns.content .inner.form .checkbox input {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width:4%;
                  height: 100%;
                  z-index: 1;
                  opacity: 0;
                  cursor: pointer;
                }

                .page-content .wrapper .columns.content .inner.form .checkbox label {
                  font-size: 15px;
                  color: #343434;
                  padding-left: 35px;
                  position: relative;
                  margin-bottom: 10px;
                  font-weight: 300;
                  display: block;
                }

                .page-content .wrapper .columns.content .inner.form .checkbox label:before {
                  content: "";
                  position: absolute;
                  left: 0;
                  top: 50%;
                  -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
                  width: 19px;
                  height: 19px;
                  background: url(../img/icons/checkbox2.png) no-repeat bottom center;
                  background-size: cover;
                }

                .page-content .wrapper .columns.content .inner.form .checkbox label b {
                  color: #8eba1c;
                }

                .page-content .wrapper .columns.content .inner.form .checkbox input:checked ~ label:before {
                  background: url(../img/icons/checkbox2.png) no-repeat top center;
                }

                .page-content .wrapper .columns.content .inner.form .buttons {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  -webkit-box-pack: end;
                  -ms-flex-pack: end;
                  justify-content: flex-end;
                  margin-top: 5px;
                }

                .page-content .wrapper .columns.content .inner.form .buttons span.captcha,
                .page-content .wrapper .columns.content .inner.form .buttons button[type="submit"] {
                  line-height: 50px;
                  background: #5f3313;
                  color: white;
                  font-size: 15px;
                  font-weight: 900;
                  text-align: center;
                  width: 40%;
                  border: none;
                  margin-left: 20px;
                  border-radius: 15px;
                  -webkit-transition: .4s;
                  transition: .4s;
                }

                .page-content .wrapper .columns.content .inner.form .buttons span.captcha:hover,
                .page-content .wrapper .columns.content .inner.form .buttons button[type="submit"]:hover {
                  background: #8eba1c;
                  color: white;
                }

                .page-content .wrapper .columns.content .inner.form .buttons span.captcha {
                  background: #f9f9f9;
                  color: #2b2b2b;margin-right: 30px;    position: relative;
                }

                .page-content .wrapper .columns.content .inner.contact ul.contact-info li {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                }

                .page-content .wrapper .columns.content .inner.contact ul.contact-info li i {
                  font-size: 24px;
                  color: #5f3313;
                  margin-right: 10px;
                }

                .page-content .wrapper .columns.content .inner.contact ul.contact-info li span {
                  font-size: 17px;
                  color: #222222;
                  font-weight: 700;
                }

                .page-content .wrapper .columns.content .inner.contact .map {
                  float: left;position: relative;width: 50%;}
                  ul.contact-info{float: left;width:50%;}
                  .page-content .wrapper .columns.content .inner.contact .map iframe {
                    border: 2px solid #d7d7d7;
                    border-radius: 15px;
                  }

                  .page-content .wrapper .columns.content .inner.contact-form form .input input {
                    text-align: left;
                  }

                  .page-content .wrapper .columns.content .inner.contact-form form .input textarea {
                    width: 100%;
                    border-radius: 15px;
                    border: none;
                    border: 2px solid #acacac;
                    padding: 8px 20px;
                    text-align: left;
                    font-weight: 900;
                    font-size: 15px;
                  }

                  .page-content .wrapper .columns.content .inner.contact-form form .checkbox {
                    margin-top: 0;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content {
                    display: none;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .section-title {
                    padding-bottom: 10px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .section-title h3 {
                    color: #181818;
                    font-size: 24px;
                    font-weight: 900;
                    margin-bottom: 5px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .section-title p {
                    font-size: 15px;
                    color: #454545;
                    margin: 0;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .section-title ul.services {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    margin-top: 30px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .section-title ul.services li {
                    width: 50%;
                    padding-left: 40px;
                    font-size: 15px;
                    color: #454545;
                    margin-bottom: 15px;
                    position: relative;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .section-title ul.services li:before {
                    content: "\f123";
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    left: 0;
                    font-family: Flaticon;
                    font-size: 25px;
                    color: #8eba1c;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .links ul {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    position: relative;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li {
                    margin-right: 30px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a {
                    font-size: 17px;
                    display: block;
                    color: #bcbcbc;
                    font-weight: 900;
                    -webkit-transition: .4s;
                    transition: .4s;
                    position: relative;
                    padding: 10px 0;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:hover {
                    color: #181818;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a.active {
                    color: #181818;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a.active:before {
                    -webkit-transform: scaleX(1);
                    transform: scaleX(1);
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 100%;
                    height: 8px;
                    width: 100%;
                    background: #8eba1c;
                    border-radius: 4px;
                    -webkit-transform: scaleX(0);
                    transform: scaleX(0);
                    -webkit-transform-origin: left;
                    transform-origin: left;
                    -webkit-transition: .4s;
                    transition: .4s;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .links ul:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 100%;
                    width: 100%;
                    height: 8px;
                    border-radius: 4px;
                    background: #ffffff00;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab {
                    margin: 20px 0 0;
                    display: none;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    width: 70%;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item {
                    width: 50%;
                    margin-bottom: 20px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item h4 {
                    font-size: 19px;
                    font-weight: 900;
                    color: #8eba1c;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item ul li {
                    color: #181818;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf {
                    margin-top: 40px;
                    width: 30%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                    position: relative;
                    z-index: 0;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a {
                    display: block;
                    text-align: center;
                    padding: 10px;
                    border-radius: 10px;
                    border: 3px solid #cccccc;
                    height: auto;
                    color: #181818;
                    font-weight: 900;
                    font-size: 12px;
                    height: 95px;
                    -webkit-transition: .4s;
                    transition: .4s;
                    position: relative;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a:before {
                    content: "";
                    position: absolute;
                    top: -4px;
                    background: white;
                    left: 15%;
                    width: 70%;
                    height: 6px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a i {
                    position: relative;
                    z-index: 1;
                    display: block;
                    font-size: 48px;
                    font-weight: 400;
                    color: #181818;
                    line-height: 1;
                    margin-top: -15px;
                    margin-left: 5px;
                    -webkit-transition: .4s;
                    transition: .4s;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a span {
                    display: block;
                    font-weight: 400;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a:hover {
                    border-color: #8eba1c;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a:hover i {
                    color: #8eba1c;
                    -webkit-transform: translateY(-5px);
                    transform: translateY(-5px);
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.galeri .galeri-slider .owl-nav .owl-next,
                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.galeri .galeri-slider .owl-nav .owl-prev {
                    position: absolute;
                    top: 50%;
                    left: 15px;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    z-index: 1;
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    color: white;
                    font-size: 32px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.galeri .galeri-slider .owl-nav .owl-next {
                    left: auto;
                    right: 15px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea {
                    width: 100%;
                    padding: 15px;
                    border: 2px solid #d7d7d7;
                    border-radius: 10px;
                    background: white;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea::-webkit-input-placeholder {
                    color: #b0b0b0;
                    font-weight: 600;
                    color: #b0b0b0;
                    font-size: 14px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea:-ms-input-placeholder {
                    color: #b0b0b0;
                    font-weight: 600;
                    color: #b0b0b0;
                    font-size: 14px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea::-ms-input-placeholder {
                    color: #b0b0b0;
                    font-weight: 600;
                    color: #b0b0b0;
                    font-size: 14px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea::placeholder {
                    color: #b0b0b0;
                    font-weight: 600;
                    color: #b0b0b0;
                    font-size: 14px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons {
                    margin-top: 15px;
                    text-align: right;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons a, .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons button {
                    height: 40px;
                    line-height: 40px;
                    display: inline-block;
                    padding: 0 30px;
                    color: white;
                    font-size: 12px;
                    text-transform: uppercase;
                    font-weight: 900;
                    border: none;
                    border-radius: 10px;
                    background: #5f3313;
                    -webkit-transition: .4s;
                    transition: .4s;
                    position: relative;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons a:before, .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons button:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    -webkit-transform-origin: center;
                    transform-origin: center;
                    -webkit-transform: scale(0);
                    transform: scale(0);
                    -webkit-transition: .4s;
                    transition: .4s;
                    border-radius: 10px;
                    -webkit-box-shadow: 0 0 0 5px rgba(255, 128, 0, 0.2);
                    box-shadow: 0 0 0 5px rgba(255, 128, 0, 0.2);
                    height: 100%;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons a:hover, .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons button:hover {
                    background: #8eba1c;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons a:hover:before, .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons button:hover:before {
                    -webkit-transform: scale(1);
                    transform: scale(1);
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment {
                    padding: 20px 0;
                    border-bottom: 1px solid #e4e4e4;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    margin-bottom: 20px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .title h3 {
                    font-size: 14px;
                    color: #13334a;
                    font-weight: 800;
                    margin: 0;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .title span {
                    font-size: 13px;
                    color: #949494;
                    font-weight: 300;
                    line-height: 1;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    margin-left: 20px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item i {
                    display: block;
                    position: relative;
                    margin-right: 6px;
                    height: 30px;
                    line-height: 30px;
                    text-align: center;
                    width: 30px;
                    border-radius: 5px;
                    border: 1px solid #c6c6c6;
                    background: white;
                    color: #919191;
                    font-size: 16px;
                    -webkit-transition: .4s;
                    transition: .4s;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item i:after {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    -webkit-transform-origin: center;
                    transform-origin: center;
                    -webkit-transform: scale(0);
                    transform: scale(0);
                    -webkit-transition: .4s;
                    transition: .4s;
                    border-radius: 5px;
                    -webkit-box-shadow: 0 0 0 5px rgba(255, 128, 0, 0.2);
                    box-shadow: 0 0 0 5px rgba(255, 128, 0, 0.2);
                    height: 100%;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item span {
                    font-size: 12px;
                    color: #838383;
                    font-weight: 800;
                    -webkit-transition: .4s;
                    transition: .4s;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item:hover i, .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item.active i{
                    color: white;
                    border-color: #8eba1c;
                    background: #8eba1c;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item.active i:after{
                    -webkit-transform: scale(1);
                    transform: scale(1);
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item.active span {
                    color: #8eba1c;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-body p {
                    font-size: 13px;
                    color: #282828;
                    font-weight: 600;
                    margin: 0;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.current {
                    display: block;
                    -webkit-animation: 800ms ease-in-out 0s normal none 1 running fadeIn;
                    animation: 800ms ease-in-out 0s normal none 1 running fadeIn;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .properties {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    margin-top: 8px;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .properties .item {
                    background: #8cb81c;
                    border-radius: 20px;
                    text-align: center;
                    width: 100%;
                    margin-top: 10px;
                    margin-right: 26px;
                    min-height: 132px;
                    padding: 3px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    /* justify-content: space-between; */
                    font-size: 15px;
                    font-weight: bold;
                    color: #ffffff;
                    /* -webkit-box-shadow: 0px 17px 22px 0px rgb(0 0 0 / -3%); */
                    /* box-shadow: 0px 17px 22px 0px rgba(0, 0, 0, 0.22); */
                    position: relative;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .properties .item i {
                    display: block;
                    font-size: 35px;
                    padding-top: 12px;color: #ffffff;
                    font-weight: normal;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .properties .item:before {
                    z-index: 1;
                    position: absolute;
                    top: -15px;
                    right: -15px;
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    border-radius: 50%;
                    background: #66bb00;
                    color: white;
                    font-size: 16px;
                  }

.page-content .wrapper .columns.content .inner.detail .tab-content .properties .itemiletisim {
                    background: #8cb81c;
                    border-radius: 20px;
                    text-align: center;
                    width: 240px;
                    margin-right: 26px;
                    min-height: 132px;
                    padding: 3px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    /* justify-content: space-between; */
                    font-size: 13px;
                    font-weight: bold;
                    color: #ffffff;
                    /* -webkit-box-shadow: 0px 17px 22px 0px rgb(0 0 0 / -3%); */
                    /* box-shadow: 0px 17px 22px 0px rgba(0, 0, 0, 0.22); */
                    position: relative;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .properties .itemiletisim i {
                    display: block;
                    font-size: 35px;
                    padding-top: 12px;color: #ffffff;
                    font-weight: normal;
                  }

                  .page-content .wrapper .columns.content .inner.detail .tab-content .properties .itemiletisim:before {
                    z-index: 1;
                    position: absolute;
                    top: -15px;
                    right: -15px;
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    border-radius: 50%;
                    background: #66bb00;
                    color: white;
                    font-size: 16px;
                  }




                  .page-content .wrapper .columns.content .inner.detail .tab-content.current {
                    display: block;
                    -webkit-animation: 1200ms ease-in-out 0s normal none 1 running fadeIn;
                    animation: 1200ms ease-in-out 0s normal none 1 running fadeIn;
                  }

                  .page-content .wrapper .columns.content .inner::-webkit-scrollbar {
                    width: 8px;
                  }

                  .page-content .wrapper .columns.content .inner::-webkit-scrollbar-track {
                    background: #eeeeee;
                  }

                  .page-content .wrapper .columns.content .inner::-webkit-scrollbar-thumb {
                    background: #adaaaa;
                    border-radius: 8px;
                  }

                  .page-content .wrapper .columns.content .inner::-webkit-scrollbar-thumb:hover {
                    background: #959595;
                  }

                  .page-content .wrapper .columns.right-side {
                    width: 27%;
                    background-size: cover;
                    position: relative;
                    z-index: 111;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                  }

                  .page-content .wrapper .columns.right-side.right-bg {
                    background-size: cover;
                    display: block;
                  }

                  .page-content .wrapper .columns.right-side .right-content {
                    padding: 31px;
                    height: 100vh;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                  }

                  .page-content .wrapper .columns.right-side .right-content .title {
                    width: 100%;
                    padding-left: 48px;
                    color: white;
                  }

                  .page-content .wrapper .columns.right-side .right-content .title h3 {
                    color: white;
                    font-size: 21px;
                  }

                  .page-content .wrapper .columns.right-side .right-content .title p {
                    color: white;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area {
                    width: 100%;
                    position: relative;
                    z-index: 111;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area .location-list {
                    min-height: 550px;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li {
                    position: absolute;
                    z-index: 1;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li a {
                    display: block;
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    color: white;
                    background: #8eba1c;
                    border-radius: 50%;
                    text-align: center;
                    font-size: 22px;
                    font-weight: 800;
                    -webkit-transition: .4s;
                    transition: .4s;
                    z-index: 111;
                    cursor: pointer;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li a:before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                    background: #8eba1c;
                    opacity: .46;
                    -webkit-transition: .4s;
                    transition: .4s;
                    -webkit-transition-delay: .2s;
                    transition-delay: .2s;
                    z-index: -1;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li a:after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    background: #8eba1c;
                    opacity: .46;
                    -webkit-transition: .4s;
                    transition: .4s;
                    -webkit-transition-delay: .3s;
                    transition-delay: .3s;
                    z-index: -2;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li:hover a {
                    background: #ff8400;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li:hover a:before, .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li:hover a:after {
                    background: #ff8400;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li.active a {
                    background: #ff8400;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li.active a:before, .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li.active a:after {
                    background: #ff8400;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li.active .location-content {
                    display: block;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li .location-content {
                    display: none;
                    position: absolute;
                    right: 100%;
                    top: 50%;
                    width: 160px;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    text-align: center;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li .location-content h3 {
                    font-size: 16px;
                    color: white;
                    margin: 0;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li .location-content h3 b {
                    display: block;
                  }

                  .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li .location-content h2 {
                    color: #8eba1c;
                    font-size: 16px;
                    margin: 0;
                    font-weight: 900;
                  }

                  .page-content .wrapper .columns.right-side .social {
                    position: absolute;
                    left: -15px;
                    bottom: 35px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                  }

                  .page-content .wrapper .columns.right-side .social a {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                  }

                  .page-content .wrapper .columns.right-side .social a i {
                    display: block;
                    width: 50px;
                    height: 50px;
                    line-height: 50px;
                    background: white;
                    border-radius: 50%;
                    color: #515151;
                    text-align: center;
                    -webkit-box-shadow: 0px 15px 32px 0px rgba(0, 0, 0, 0.46);
                    box-shadow: 0px 15px 32px 0px rgba(0, 0, 0, 0.46);
                    font-size: 24px;
                    -webkit-transition: .4s;
                    transition: .4s;
                  }

                  .page-content .wrapper .columns.right-side .social a span {
                    margin-left: 8px;
                    color: white;
                    font-weight: 900;
                    font-size: 11px;
                  }

                  .page-content .wrapper .columns.right-side .social a:hover i {
                    background: #8eba1c;
                    color: white;
                  }

                  .page-content .wrapper .columns.right-side .social > ul {
                    position: absolute;
                    bottom: 100%;
                    margin-bottom: 10px;
                    display: none;
                    left: 0;
                  }

                  .page-content .wrapper .columns.right-side .social > ul li {
                    margin-top: 10px;
                  }

                  .page-content .wrapper .columns.right-side .social > ul li a {
                    color: #b0b0b0;
                  }

                  .page-content .wrapper .columns.right-side .img img {
                    width: 80%;
                    display: block;
                    margin: 0 auto;
                  }

                  .page-content .wrapper .columns.empty {
                    width: 27%;
                    height: 100vh;
                  }

                  .intro {
                    position: relative;
                    display: block;
                    height: 100vh;
                    /* -webkit-box-shadow: 0px 17px 18px 0px rgba(0, 0, 0, 0.3); */
                    /* box-shadow: 0px 17px 18px 0px rgba(0, 0, 0, 0.3); */
                  }

                  .intro .locations {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    z-index: 2;
                  }

                  .intro .locations ul li {
                    position: absolute;
                  }

                  .intro .locations ul li a.plus {
                    display: block;
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    color: white;
                    background: #5f3313;
                    border-radius: 50%;
                    text-align: center;
                    font-size: 22px;
                    font-weight: 800;
                    -webkit-transition: .4s;
                    transition: .4s;
                    cursor: pointer;
                  }

                  .intro .locations ul li a.plus span {
                    position: relative;
                    z-index: 1;
                  }

                  .intro .locations ul li a.plus:before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    width: 37px;
                    height: 37px;
                    border-radius: 50%;
                    background: #5f3313;
                    opacity: .46;
                    -webkit-transition: .4s;
                    transition: .4s;
                    -webkit-transition-delay: .2s;
                    transition-delay: .2s;
                  }

                  .intro .locations ul li a.plus:after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    width: 45px;
                    height: 45px;
                    border-radius: 50%;
                    background: #5f3313;
                    opacity: .46;
                    -webkit-transition: .4s;
                    transition: .4s;
                    -webkit-transition-delay: .3s;
                    transition-delay: .3s;
                  }

                  .intro .locations ul li .content {
                    position: absolute;
                    z-index: 11;
                    opacity: 0;
                    visibility: hidden;
                    bottom: 100%;
                    margin-bottom: 45px;
                    left: 100%;
                    margin-left: 20px;
                    width: 240px;
                    line-height: 1;
                    height: 80px;
                    -webkit-transition: .4s;
                    transition: .4s;
                    background: white;
                    border-radius: 15px;
                    padding: 0 15px;
                    color: #5f3313;
                    font-weight: 900;
                    font-size: 18px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-shadow: 0px 17px 18px 0px rgba(0, 0, 0, 0.75);
                    box-shadow: 0px 17px 18px 0px rgba(0, 0, 0, 0.75);
                  }

                  .intro .locations ul li .content i {
                    font-size: 45px;
                    margin-right: 20px;
                    font-weight: normal;
                    color: #5f3313;
                  }

                  .intro .locations ul li:before {
                    content: "";
                    position: absolute;
                    left: 50%;
                    bottom: 100%;
                    margin-bottom: 10px;
                    width: 25px;
                    height: 85px;
                    border-left: 1px dashed white;
                    border-top: 1px dashed white;
                    opacity: 0;
                    visibility: hidden;
                    -webkit-transition: .4s;
                    transition: .4s;
                    z-index: 111;
                  }

                  .intro .locations ul li:hover a, .intro .locations ul li.active a {
                    background: #8eba1c;
                  }

                  .intro .locations ul li:hover a:before, .intro .locations ul li:hover a:after, .intro .locations ul li.active a:before, .intro .locations ul li.active a:after {
                    background: #8eba1c;
                  }

                  .intro .locations ul li:hover .content, .intro .locations ul li.active .content {
                    opacity: 1;
                    visibility: visible;
                  }

                  .intro .locations ul li:hover:before, .intro .locations ul li.active:before {
                    opacity: 1;
                    visibility: visible;
                  }

                  .intro .bottom-logo {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 320px;
                    background: url("../img/background/intro-bottom.png") no-repeat bottom center;
                    background-size: cover;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: end;
                    -ms-flex-align: end;
                    align-items: flex-end;
                    padding-bottom: 20px;
                  }

                  .intro .bottom-logo .wrapper {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: left;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: end;
                    -ms-flex-pack: end;
                    justify-content: start;
                  }

                  .intro .bottom-logo .wrapper .item {
                    display: none;
                  }

                  .intro .bottom-logo .wrapper .item:last-child {
                    display: block;
                  }

                  .fancybox-close-small {
                    font-weight: 900;
                    color: white;
                    opacity: 1;
                    width: auto;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding: 12px;
                    font-size: 17px;
                    background: none !important;
                    top: auto !important;
                    bottom: 100% !important;
                    width: auto !important;
                  }

                  @media screen and (max-height: 700px) {
                    header .header-wrapper .logo .side-links ul li {
                      margin-top: 5px;
                    }
                    header .header-wrapper .logo .side-links ul li a i {
                      height: 60px;
                      line-height: 60px;
                    }
                    header .header-wrapper .logo .side-links ul li a span {
                      height: 60px;
                    }

                    header .header-wrapper .logo .side-links ul li:last-child a {
                      padding: 10px 0;
                    }
                    .page-content .wrapper .columns.empty {
                      width: 24%;
                    }
                    .page-content .wrapper .columns.content {
                      width: 73%;
                    }
                    .page-content .wrapper .columns.content .title-area .title h3 {
                      font-size: 32px;
                    }
                    .page-content .wrapper .columns.content .title-area .title h2 {
                      font-size: 49px;
                    }
                    .page-content .wrapper .columns.content .title-area .title:before {
                      font-size: 155px;
                    }
                    .page-content .wrapper .columns.content .inner {
                      margin-top: 0;
                      height: 70vh;
                    }
                    .page-content .wrapper .columns.right-side .right-content .map-area .location-list {
                      min-height: 235px;
                    }
                    .page-content .wrapper .columns.right-side .img img {
                      width: 50%;
                      height: auto;
                    }
                    body.page-in .page-content .wrapper .columns.content .inner {
                      height: 68vh;
                    }
                  }

                  @media screen and (max-width: 1200px) {
                    header .header-wrapper .logo {
                      width: 22%;
                      margin-left: 10px;
                    }
                    header .header-wrapper .logo .side-links ul {
                      padding-top: 170px;
                      -ms-flex-pack: distribute;
                      justify-content: space-around;
                    }
                    header .header-wrapper .logo .side-links ul li a i {
                      height: 100px;
                      line-height: 100px;
                    }
                    header .header-wrapper .logo .side-links ul li a span {
                      height: 100px;
                    }
                    header .header-wrapper .logo .side-links ul:before {
                      top: 5%;
                      height: 95%;
                    }
                    .page-content .wrapper .columns.empty {
                      width: 33%;
                    }
                    .page-content .wrapper .columns.content {
                      width: 67%;
                    }
                    .page-content .wrapper .columns.content .inner {
                      height: 78vh;
                    }
                    .page-content .wrapper .columns.right-side {
                      display: none !important;
                    }
                  }

                  @media screen and (max-width: 900px) {
                    header .header-wrapper .logo .side-links {
                      display: none;
                    }
                    header .header-wrapper .menu {
                      width: 80%;
                    }
                    header .header-wrapper .menu .social {
                      display: none;
                    }
                    header.page {
                      background: white;
                      position: fixed;
                      -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
                      animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
                    }
                    .page-content .wrapper .columns {
                      height: auto;
                    }
                    .page-content .wrapper .columns.empty {
                      display: none;
                    }
                    .page-content .wrapper .columns.content {
                      width: 100%;
                      padding: 0px !important;
                    }
                    .page-content .wrapper .columns.content .title-area .title {
                      width: 100%;
                      text-align: center;
                      padding: 0px 0 65px;
                      background-repeat: no-repeat !important;
                      background-position: bottom center !important;
                      background-size: cover !important;
                      /* background-color: #765136; */
                      background: url("../img/background/lezzet-bg.png") no-repeat center center;
                    }
                    .page-content .wrapper .columns.content .title-area .title h2 {
                      font-size: 80px;
                    }
                    .page-content .wrapper .columns.content .title-area .title h2, .page-content .wrapper .columns.content .title-area .title h3 {
                      color: white;
                      position: relative;
                      z-index: 2;
                      top: -10px;
                      font-family: 'Nunito';
                      font-size: 42px;
                    }
                    .page-content .wrapper .columns.content .title-area .title:before {
                      left: auto;
                      top: -29px;
                      color: white;
                      z-index: 1;
                      font-size: 88px;
                      -webkit-transform: translateX(-50%);
                      transform: translateX(-50%);
                    }
                    .page-content .wrapper .columns.content .title-area .others {
                      position: relative;
                      top: 0;
                      width: 50%;
                      margin: 40px auto 20px;
                    }
                    .page-content .wrapper .columns.content .title-area .others span {
                      display: block;
                      width: 100%;
                      border-radius: 10px;
                    }
                    .page-content .wrapper .columns.content .title-area .others span:before {
                      border-radius: 10px;
                    }
                    .page-content .wrapper .columns.content .inner {
                      height: auto;
                      overflow: visible;
                      padding: 50px;
                    }
                    .section .page-content .wrapper .columns.content .title-area .title {
                      margin-top: 70px;
                    }
                    .page-content .wrapper .columns.content .inner.form ul li {
                      margin-bottom: 10px;
                    }
                    .page-content .wrapper .columns.content .inner.form .checkbox {
                      margin-top: 20px;
                    }
                    .page-content .wrapper .columns.content .inner.form .checkbox label {
                      margin: 0;
                    }
                    .intro .locations {
                      display: none;
                    }
                    .section.lezzet .page-content .wrapper .columns.content .title-area .title {
                      background-image: url("../img/background/lezzet-bg.png");
                    }
                    .section.spor .page-content .wrapper .columns.content .title-area .title {
                      background-image: url("../img/background/spor-bg.png");
                    }
                    .section.eglence .page-content .wrapper .columns.content .title-area .title {
                      background-image: url("../img/background/eglence-bg.png");
                    }
                    .section.aktivite .page-content .wrapper .columns.content .title-area .title {
                      background-image: url("../img/background/aktivite-bg.png");
                    }
                    .intro .bottom-logo {
                      background: url("../img/background/mobil-intro.png") no-repeat center center;
                      background-size: cover;
                      height: 250px;
                      padding-bottom: 30px;
                    }
                    .intro .bottom-logo .wrapper {
                      -ms-flex-pack: distribute;
                      justify-content: space-around;
                    }
                    .intro .bottom-logo .wrapper .item {
                      display: block;
                      width: 46%;
                    }
                    .intro .bottom-logo .wrapper .item a img {
                      width: 100%;
                    }
                    .intro .bottom-logo .wrapper .item:nth-child(2) {
                      text-align: center;
                    }
                    .intro .bottom-logo .wrapper .item:nth-child(2) a h3 {
                      font-size: 28px;
                      color: #5f3313;
                    }
                    .intro .bottom-logo .wrapper .item:nth-child(2) a h3 b {
                      display: block;
                    }
                    .intro .bottom-logo .wrapper .item:nth-child(2) a span {
                      display: block;
                      margin: 0 auto;
                      margin-top: 20px;
                      width: 36px;
                      height: 44px;
                      background: url("../img/icons/arrow-down.png") no-repeat center center;
                      background-size: cover;
                      -webkit-animation: mover 2s infinite;
                      animation: mover 2s infinite;
                    }
                    .intro .bottom-logo .wrapper .item:last-child {
                      text-align: left;
                    }
                    header .header-wrapper .menu .openMenu > a:hover {
                      color: white;
                    }
                    header .header-wrapper .menu .openMenu > a.active:hover {
                      color: #8eba1c;
                    }
                    .section.lezzet .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item h4 {
                      color: #8eba1c;
                    }
                    .section.lezzet .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a.active, .section.lezzet .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:hover {
                      color: #8eba1c;
                    }
                    .section.lezzet .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:before {
                      background-color: #8eba1c;
                    }
                    .section.eglence .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item h4 {
                      color: #5f3313;
                    }
                    .section.eglence .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a.active, .section.eglence .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:hover {
                      color: #5f3313;
                    }
                    .section.eglence .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:before {
                      background-color: #5f3313;
                    }
                    .section.spor .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item h4 {
                      color: #35a4d2;
                    }
                    .section.spor .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a.active, .section.spor .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:hover {
                      color: #35a4d2;
                    }
                    .section.spor .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:before {
                      background-color: #35a4d2;
                    }
                    .section.aktivite .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item h4 {
                      color: #0b8bbc;
                    }
                    .section.aktivite .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a.active, .section.aktivite .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:hover {
                      color: #0b8bbc;
                    }
                    .section.aktivite .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:before {
                      background-color: #0b8bbc;
                    }
                  }

                  @media screen and (max-width: 475px) {
                    header .header-wrapper .menu .openMenu .main-menu {
                      -webkit-box-orient: vertical;
                      -webkit-box-direction: normal;
                      -ms-flex-direction: column;
                      flex-direction: column;
                      padding: 20px;
                      text-align: center;
                      z-index: -1;
                      margin-top: 37px;
                    }
                    header .header-wrapper .menu .openMenu .main-menu #menu {
                      width: 100%;
                      border: none;
                    }
                    header .header-wrapper .menu .openMenu .main-menu a {
                      width: 100%;
                      padding: 0;
                      -webkit-box-pack: center;
                      -ms-flex-pack: center;
                      justify-content: center;
                      margin-top: 20px;
                    }
                    header .header-wrapper {
                      padding-top: 10px;
                    }
                    header .header-wrapper .logo {
                      position: absolute;
                      top: 0px;
                      left: 23%;
                      width: 121px;
                      -webkit-transform: translateX(-45%);
                      transform: translateX(-45%);
                    }
                    header .header-wrapper .logo a img {
                      width: 133px;
                      left: 61%;
                      top: 0px;
                    }

                    header .header-wrapper .menu .openMenu .main-menu #menu > ul > li {
                      margin-bottom:0px;
                      padding: 0px;
                      display: block;
                    }
                    header .header-wrapper .menu .login > a i {
                      font-size: 18px;
                      margin-right: 0px;
                      font-weight: normal;
                    }
                    header .header-wrapper .menu {
                      width: 100%;
                      -webkit-box-pack: justify;
                      -ms-flex-pack: justify;
                      justify-content: space-between;
                    }
                    header .header-wrapper .menu .lang {
                      display: none;
                    }
                    header .header-wrapper .menu .login a {
                      padding: 0;
                    }
                    header .header-wrapper .menu .login a i {
                      line-height: 1;
                    }
                    header .header-wrapper .menu .login .login-form {
                      left: 0;
                      -webkit-transform: translateX(0);
                      transform: translateX(0);
                    }
                    .intro .bottom-logo {
                      height: 140px;
                      padding-bottom: 0;
                    }
                    .mcontinue{font-size:20px;
                      color: #063e4e;}
                      .intro .bottom-logo .wrapper .item:nth-child(2) a h3 {
                        font-size: 20px;
                        line-height: 1;
                      }
                      .intro .bottom-logo .wrapper .item:nth-child(2) a span {
                        width: 27px;
                        height: 33px;
                        margin-top: 0;
                      }
                      .page-content {
                        overflow-x: hidden;
                      }
                      .page-content .wrapper .columns.content .title-area .title:before {
                        font-size: 70px;
                        padding-top: 52px;
                        /* padding-left: 0px; */
                      }
                      .page-content .wrapper .columns.content .title-area .others {
                        width: 92%;
                        margin: 40px 0 20px;
                      }
                      .page-content .wrapper .columns.content .inner {
                        padding: 15px;
                        margin: 0;
                        text-align: center;
                      }
                      .page-content .wrapper .columns.content .inner.detail .tab-content .links ul {
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                      }
                      .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li {
                        margin: 0px 6px;
                      }
                      .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus {
                        width: 100%;
                      }
                      .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf {
                        display: none;
                      }
                      .page-content .wrapper .columns.content .inner.detail .tab-content .properties {
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                      }
                      .page-content .wrapper .columns.content .inner.detail .tab-content .properties .item {
                        width: 100%;
                        padding-top: 20px;height: 140px;font-size: 13px;margin-bottom: 10px;
                      }
                      .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header {
                        text-align: left;
                      }
                      .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons {
                        text-align: center;
                      }
                      .page-content .wrapper .columns.content .inner.detail .tab-content .section-title ul.services li {
                        text-align: left;
                      }
                      header .header-wrapper .menu .login .login-form:before {
                        left: 30%;
                        -webkit-transform: translateX(0) rotate(45deg);
                        transform: translateX(0) rotate(45deg);
                      }
                      .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment {
                        text-align: left;
                      }
                      .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item span {
                        display: none;
                      }
                      .page-content .wrapper .columns.content .inner.contact ul.contact-info li {
                        text-align: left;
                      }
                    }

                    @media screen and (max-width: 330px) {
                      .page-content .wrapper .columns.content {
                        width: 100%;
                      }
                      .page-content .wrapper .columns.content .inner {
                        height: auto;
                        overflow: visible;
                      }
                    }

                    .lds-ring {
                      display: inline-block;
                      position: relative;
                      width: 80px;
                      height: 80px;
                    }
                    .lds-ring div {
                      box-sizing: border-box;
                      display: block;
                      position: absolute;
                      width: 44px;
                      height: 44px;
                      margin: 8px;
                      border: 8px solid #063f4f;
                      border-radius: 50%;
                      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
                      border-color: #063f4f transparent transparent transparent;
                    }
                    .lds-ring div:nth-child(1) {
                      animation-delay: -0.45s;
                    }
                    .lds-ring div:nth-child(2) {
                      animation-delay: -0.3s;
                    }
                    .lds-ring div:nth-child(3) {
                      animation-delay: -0.15s;
                    }
                    @keyframes lds-ring {
                      0% {
                        transform: rotate(0deg);
                      }
                      100% {
                        transform: rotate(360deg);
                      }
                    }


                    .other-buttons{
                      width: 100%;
                      position: relative;
                      margin-top: 10px;
                      display: block;text-align: center;
                    }
                    .other-buttons p{
                      font-weight: bold;
                      font-size: 12px;
                      margin-top: 10px;
                      margin-bottom: 0;
                    }
                    .other-buttons .register-btn{
                      font-size: 15px;
                      color: #063f4f;
                      font-weight: bold;
                      text-transform: uppercase;
                    }
                    button.facebook-login{
                      font-size: 12px;
                      color: white;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      width: 100%;
                      padding: 0;
                      font-weight: 900;
                      border: none;
                      height: 40px;
                      border-radius: 10px;
                      line-height: 40px;
                      text-align: center;
                      background: #3b5998;
                      -webkit-transition: .4s;
                      transition: .4s;
                    }
                    button.facebook-login i{
                      position: absolute;
                      left: 12px;
                      font-size: 18px;
                    }
                    button.facebook-login span{
                      display: block;margin-right:-15px;
                    }

                    .owl-carousel .owl-item img{
                      height: 240px;
                      object-fit: cover;
                      padding: 15px;
                    }

                    .logout-btn{
                      color: #063c4b;
                      font-weight: bold;
                      display: block;
                      width: 100%;
                      background-color: #f5f5f5;
                      padding: 8px 10px;
                      border-radius: 8px;
                      text-align: center;
                      text-transform: uppercase;
                    }
                    .logout-btn:hover{
                      color: #063c4a;
                    }
                    label.error, label.errors ,#email_valid,#email_valid1, #login-valid{
                      color: red;
                      font-size: 12px;
                      display: block;
                      margin-top: 5px;text-align: center;
                      margin-bottom: 5px;
                    }
                    #login-valid.success{color:green !important;}
                    .modal-body{max-height: 50vh;overflow-y: scroll;}
                    .modal-content{font-size:12px;}
                    .checkbox span{cursor:pointer;}


                    @media (min-width: 1800px) {
                      .page-content .wrapper .columns.empty{
                        width:29%;
                      }
                      .page-content .wrapper .columns.content{
                        width:45%;
                      }
                      .page-content .wrapper .columns.right-side{
                        width: 26%;
                      }
                    }
                    @media (min-width: 1900px) {
                      .page-content .wrapper .columns.empty{
                        width: 10%;
                      }
                      .page-content .wrapper .columns.content{
                        width: 60%;
                        left: 100px;
                        top: 106px;
                      }
                      .page-content .wrapper .columns.right-side{
                        width: 30%;
                        right: -10%;}
                      }
                      @media (min-width: 2100px) {
                        .page-content .wrapper .columns.empty{
                          width: 14%;
                        }
                        .page-content .wrapper .columns.content{
                          width: 56%;
                        }
                        .page-content .wrapper .columns.content.sayfalar{
                          width: 56%!important;
                          margin: auto;
                        }
                        .page-content .wrapper .columns.right-side{
                          width: 45%;
                        }
                      }
                      @media (min-width: 2200px) {
                        .page-content .wrapper .columns.empty{
                          width:33%;
                        }
                        .page-content .wrapper .columns.content{
                          width:42%;
                        }
                        .page-content .wrapper .columns.right-side{
                          width: 25%;
                        }
                      }
                      @media (min-width: 2400px) {
                        .page-content .wrapper .columns.empty{
                          width:34%;
                        }
                        .page-content .wrapper .columns.content{
                          width:41%;
                        }
                        .page-content .wrapper .columns.right-side{
                          width: 25%;
                        }
                      }
                      @media (min-width: 2500px) {
                        .page-content .wrapper .columns.empty{
                          width:35%;
                        }
                        .page-content .wrapper .columns.content{
                          width:40%;
                        }
                        .page-content .wrapper .columns.right-side{
                          width: 25%;
                        }
                      }
                      @media (min-width: 2700px) {
                        .page-content .wrapper .columns.empty{
                          width:36%;
                        }
                        .page-content .wrapper .columns.content{
                          width:39%;
                        }
                        .page-content .wrapper .columns.right-side{
                          width: 25%;
                        }
                      }
                      @media (min-width: 2900px) {
                        .page-content .wrapper .columns.empty{
                          width:37%;
                        }
                        .page-content .wrapper .columns.content{
                          width:38%;
                        }
                        .page-content .wrapper .columns.right-side{
                          width: 25%;
                        }
                      }

                      .card {
                        margin: 0;
                        -webkit-column-break-inside: avoid;
                        /* Chrome, Safari */
                        page-break-inside: avoid;
                        /* Theoretically FF 20+ */
                        break-inside: avoid-column;
                        /* IE 11 */
                        cursor: pointer;
                        background-color: #fff;
                        width: 100%;
                        padding: 10px;
                        overflow: hidden;
                        border: 1px solid #eaeaea;
                        border-radius: 8px;
                        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                        margin-bottom: 15px;
                      }
                      .card-image {
                        overflow: hidden;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        border-radius: 4px;
                        transition: box-shadow ease 0.35s;
                        margin-bottom: 10px;
                      }
                      .card-image img {
                        width: 100%;
                        /* height: 289px; */
                        /* object-fit: cover; */
                      }
                      .card-image:hover {
                        /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); */
                      }
                      .card-body {
                        padding: 0;
                        margin-top:8px;
                      }
                      .card-body h2 {
                        margin-bottom: 5px;
                        font-size: 18px;
                      }
                      .padcol{padding: 4px 10px}
                      .agapark-info{    position: absolute;
                        width: 100%;
                        height: 80%;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        padding-bottom: 20px;}
                        .gallery-link, .info-work{
                          display: flex;
                          background: rgb(137 179 27 / 78%);
                          width: 315px;
                          float: right;
                          align-items: center;
                          justify-content: center;
                          padding: 22px 9px;
                          border-radius: 120px;
                          margin-top: 26px;
                          text-align: right;
                        }
                        .gallery-text{
                          color: #fff;
                          float: left;
                          flex: 1;
                        }
                        .gallery-text span{    display: block;
                          font-weight: 800;}
                          .gallery-icon img{
                            -moz-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
                            -webkit-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
                            -o-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
                            -ms-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
                            transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
                            width: 76px;
                            position: relative;
                            right: -23px;
                          }
                          .info-item{display: inline-block;width: 10%;}
                          .info-item a{display: flow-root}
                          .gallery-icon{width: 65px;}
                          #whours{display: none;height: 137px;position: absolute}
                          .working-hours{position: absolute;right:0;display: inline-flex;background: rgba(6, 62, 79, 0.70);border-radius: 10px;width: 360px;align-items: center;
                          }
                          .working-hours.open{display: inline-flex !important;}

                          .working-hours .iconhours{flex: 1;position: relative;left: -30px;display: flex;align-items: center;padding: 20px 5px;}
                          .wh-details{flex:5;padding-right: 20px;}
                          .wh-details .hours{    border-bottom: 1px solid #5d7d86;}
                          .wh-details .hours, .wh-details .money{display:flex;align-items: center;justify-content: center;}
                          .wh-details .hours p, .wh-details .money p{margin-bottom: 0;    width: 50%;color:#fff;text-align: left;    font-weight: 800;padding: 10px 0;position: relative}
                          .wh-details .hours p:first-child:before{content:'';position:absolute;right:10%;width: 1px;height: 70%;top:15%;background-color: #5d7d86;}
                          .wh-details .hours p span, .wh-details .money p span{display: block;font-weight: 500;}
                          @media (max-width: 768px) {

                            ul.contact-info, .page-content .wrapper .columns.content .inner.contact .map{
                              float: none;
                              width: 100%;
                              padding: 0;
                            }
                            .page-content .wrapper .columns.content .inner{
                              width:100%;
                            }
                            .page-content .wrapper .columns.content .inner.form.contact-form{
                              padding: 10px;
                              margin-top:10px;
                            }
                            .page-content .wrapper .columns.content .inner.form .buttons{
                              display: block;
                            }
                            .page-content .wrapper .columns.content .inner.form .buttons span.captcha{
                              display: block;
                              margin-bottom: 15px;
                            }
                            .page-content .wrapper .columns.content .inner.form .buttons button[type="submit"]{
                              width: 100%;
                              margin: 0;
                            }
                            .gallery-link, .info-work{
                              float: none;
                              margin: 10px auto;
                            }
                            #whours{    width: 76%;
                              position: absolute;
                              left: 12%;
                              right: 0;height: auto;}
                              .wh-details{    font-size: 12px;
                                padding-right: 0;
                                width: 100%;
                                left: -10px;
                                position: relative;}

                              }

                              .page-contentsayfa {
                                background: url("../img/background/page-inner.png") bottom left;
                                background-repeat-x: repeat;background-repeat-y: no-repeat;background-attachment: fixed;}

                                .page-contentsayfa .wrapper {
                                  display: -webkit-box;
                                  display: -ms-flexbox;
                                  display: flex;
                                  -webkit-box-align: start;
                                  -ms-flex-align: start;
                                  align-items: flex-start;
                                }

                                .page-contentsayfa .wrapper .columns {
                                  height: max-content;
                                  padding-top: 90px !important;
                                }

                                .page-contentsayfa .wrapper .columns.content {
                                  width: 90%;
                                  padding: 40px;
                                  top: 40px;position: relative;
                                  z-index: 11;
                                }

                                .page-contentsayfa .wrapper .columns.content .title-area .title {
                                  position: relative;
                                  width: 70%;
                                  left: 141px;}

                                  .page-contentsayfa .wrapper .columns.content .title-area .title h3 {
                                    color: #181818;
                                    font-size: 32px;
                                    line-height: 1;
                                    letter-spacing: -2px;
                                    margin: 0;
                                    padding-top: 68px;
                                  }

                                  .page-contentsayfa .wrapper .columns.content .title-area .title h2 {
                                    color: #181818;
                                    font-size: 115px;
                                    line-height: 0.9;
                                    margin: 0;
                                    font-weight: 900;
                                    letter-spacing: 0px;
                                  }

                                  .page-contentsayfa .wrapper .columns.content .title-area .title:before {
                                    content: attr(data-title);
                                    position: absolute;
                                    left: -7px;
                                    top: 23px;
                                    font-size: 180px;
                                    line-height: 1;
                                    color: #474747;
                                    letter-spacing: 10px;
                                    opacity: .09;
                                    font-weight: 900;
                                    z-index: -1;
                                    text-transform: uppercase;}

                                    .page-contentsayfa .wrapper .columns.content .title-area .others {
                                      position: absolute;
                                      right: -15px;
                                      top: 120px;
                                      z-index: 1;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .title-area .others span {
                                      display: block;
                                      cursor: pointer;
                                      padding: 0px 25px 15px;
                                      background: #ee7700;
                                      border-top-left-radius: 10px;
                                      border-bottom-left-radius: 10px;
                                      color: white;
                                      width: 200px;
                                      position: relative;
                                      font-size: 16px;
                                      -webkit-transition: .4s;
                                      transition: .4s;
                                      z-index: -1;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .title-area .others span:before {
                                      content: "";
                                      position: absolute;
                                      z-index: -2;
                                      -webkit-transition: .4s;
                                      transition: .4s;
                                      bottom: 10px;
                                      border-top-left-radius: 15px;
                                      border-bottom-left-radius: 15px;
                                      left: 0;
                                      background: #8eba1c;
                                      width: 100%;
                                      height: 100%;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .title-area .others span b {
                                      display: block;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .title-area .others span.active {
                                      -webkit-transform: translateY(5px);
                                      transform: translateY(5px);
                                    }

                                    .page-contentsayfa .wrapper .columns.content .title-area .others span.active::before {
                                      -webkit-transform: translateY(5px);
                                      transform: translateY(5px);
                                    }

                                    .page-contentsayfa .wrapper .columns.content .title-area .others span.active:after {
                                      -webkit-transform: rotate(135deg);
                                      transform: rotate(135deg);
                                    }

                                    .page-contentsayfa .wrapper .columns.content .title-area .others span:after {
                                      content: "";
                                      position: absolute;
                                      right: 25px;
                                      top: 30%;
                                      -webkit-transition: .4s;
                                      transition: .4s;
                                      -webkit-transform: rotate(45deg);
                                      transform: rotate(45deg);
                                      width: 10px;
                                      height: 10px;
                                      border-top: 2px solid white;
                                      border-right: 2px solid white;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .title-area .others ul {
                                      position: absolute;
                                      display: none;
                                      top: 100%;
                                      padding: 10px 25px;
                                      left: 0;
                                      background: white;
                                      margin-top: -10px;
                                      border-bottom-left-radius: 10px;
                                      width: 100%;
                                      z-index: -2;
                                      -webkit-box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.9);
                                      box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.9);
                                    }

                                    .page-contentsayfa .wrapper .columns.content .title-area .others ul li a {
                                      display: block;
                                      font-weight: 800;
                                      color: #181818;
                                      font-size: 16px;
                                      padding: 15px 0;
                                      padding-left: 25px;
                                      -webkit-transition: .4s;
                                      transition: .4s;
                                      position: relative;
                                      border-bottom: 1px dashed #cacaca;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .title-area .others ul li a:before {
                                      content: "";
                                      position: absolute;
                                      top: 50%;
                                      left: 0;
                                      -webkit-transform: translateY(-50%);
                                      transform: translateY(-50%);
                                      width: 16px;
                                      height: 16px;
                                      background: url("../img/icons/checkbox3.png") no-repeat top center;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .title-area .others ul li a:hover {
                                      color: #8eba1c;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .title-area .others ul li:last-child a {
                                      border: none;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .title-area .others ul li.active a {
                                      color: #8eba1c;
                                      font-weight: 900;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .title-area .others ul li.active a:before {
                                      background: url("../img/icons/checkbox3.png") no-repeat bottom center;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner {
                                      padding: 15px;
                                      padding-left: 0;
                                      overflow-y: auto;
                                      overflow-x: hidden;

                                      min-height: 100vh;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.cnt p {
                                      text-align: justify;
                                      font-size: 15px;
                                      color: #454545;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .input {
                                      margin-bottom: 15px;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .input input {
                                      width: 100%;
                                      height: 50px;
                                      border-radius: 15px;
                                      border: none;
                                      border: 2px solid #acacac;
                                      padding: 0 20px;
                                      text-align: center;
                                      font-weight: 900;
                                      font-size: 15px;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .input textarea::-webkit-input-placeholder {
                                      font-size: 15px;
                                      color: #242424;
                                      font-weight: 400;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .input textarea:-ms-input-placeholder {
                                      font-size: 15px;
                                      color: #242424;
                                      font-weight: 400;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .input textarea::-ms-input-placeholder {
                                      font-size: 15px;
                                      color: #242424;
                                      font-weight: 400;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .input textarea::placeholder {
                                      font-size: 15px;
                                      color: #242424;
                                      font-weight: 400;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .input input::-webkit-input-placeholder {
                                      font-size: 15px;
                                      color: #242424;
                                      font-weight: 400;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .input input:-ms-input-placeholder {
                                      font-size: 15px;
                                      color: #242424;
                                      font-weight: 400;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .input input::-ms-input-placeholder {
                                      font-size: 15px;
                                      color: #242424;
                                      font-weight: 400;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .input input::placeholder {
                                      font-size: 15px;
                                      color: #242424;
                                      font-weight: 400;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form ul li {
                                      font-size: 12px;
                                      font-weight: 700;
                                      color: #242424;
                                      line-height: 1;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .checkbox {
                                      position: relative;
                                      margin-top: 80px;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .checkbox input {
                                      position: absolute;
                                      top: 0;
                                      left: 0;
                                      width:4%;
                                      height: 100%;
                                      z-index: 1;
                                      opacity: 0;
                                      cursor: pointer;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .checkbox label {
                                      font-size: 15px;
                                      color: #343434;
                                      padding-left: 35px;
                                      position: relative;
                                      margin-bottom: 10px;
                                      font-weight: 300;
                                      display: block;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .checkbox label:before {
                                      content: "";
                                      position: absolute;
                                      left: 0;
                                      top: 50%;
                                      -webkit-transform: translateY(-50%);
                                      transform: translateY(-50%);
                                      width: 19px;
                                      height: 19px;
                                      background: url(../img/icons/checkbox2.png) no-repeat bottom center;
                                      background-size: cover;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .checkbox label b {
                                      color: #8eba1c;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .checkbox input:checked ~ label:before {
                                      background: url(../img/icons/checkbox2.png) no-repeat top center;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .buttons {
                                      display: -webkit-box;
                                      display: -ms-flexbox;
                                      display: flex;
                                      -webkit-box-align: center;
                                      -ms-flex-align: center;
                                      align-items: center;
                                      -webkit-box-pack: end;
                                      -ms-flex-pack: end;
                                      justify-content: flex-end;
                                      margin-top: 15px;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .buttons span.captcha,
                                    .page-contentsayfa .wrapper .columns.content .inner.form .buttons button[type="submit"] {
                                      line-height: 50px;
                                      background: #5f3313;
                                      color: white;
                                      font-size: 15px;
                                      font-weight: 900;
                                      text-align: center;
                                      width: 40%;
                                      border: none;
                                      margin-left: 20px;
                                      border-radius: 15px;
                                      -webkit-transition: .4s;
                                      transition: .4s;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .buttons span.captcha:hover,
                                    .page-contentsayfa .wrapper .columns.content .inner.form .buttons button[type="submit"]:hover {
                                      background: #8eba1c;
                                      color: white;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.form .buttons span.captcha {
                                      background: #f9f9f9;
                                      color: #2b2b2b;margin-right: 30px;    position: relative;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.contact ul.contact-info li {
                                      display: -webkit-box;
                                      display: -ms-flexbox;
                                      display: flex;
                                      -webkit-box-align: center;
                                      -ms-flex-align: center;
                                      align-items: center;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.contact ul.contact-info li i {
                                      font-size: 24px;
                                      color: #5f3313;
                                      margin-right: 10px;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.contact ul.contact-info li span {
                                      font-size: 17px;
                                      color: #222222;
                                      font-weight: 700;
                                    }

                                    .page-contentsayfa .wrapper .columns.content .inner.contact .map {
                                      float: left;position: relative;width: 50%;}
                                      ul.contact-info{float: left;width:50%;}
                                      .page-contentsayfa .wrapper .columns.content .inner.contact .map iframe {
                                        border: 2px solid #d7d7d7;
                                        border-radius: 15px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.contact-form form .input input {
                                        text-align: left;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.contact-form form .input textarea {
                                        width: 100%;
                                        border-radius: 15px;
                                        border: none;
                                        border: 2px solid #acacac;
                                        padding: 8px 20px;
                                        text-align: left;
                                        font-weight: 900;
                                        font-size: 15px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.contact-form form .checkbox {
                                        margin-top: 0;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content {
                                        display: none;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .section-title {
                                        padding-bottom: 10px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .section-title h3 {
                                        color: #181818;
                                        font-size: 24px;
                                        font-weight: 900;
                                        margin-bottom: 5px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .section-title p {
                                        font-size: 15px;
                                        color: #454545;
                                        margin: 0;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .section-title ul.services {
                                        display: -webkit-box;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-box-align: start;
                                        -ms-flex-align: start;
                                        align-items: flex-start;
                                        -ms-flex-wrap: wrap;
                                        flex-wrap: wrap;
                                        margin-top: 30px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .section-title ul.services li {
                                        width: 50%;
                                        padding-left: 40px;
                                        font-size: 15px;
                                        color: #454545;
                                        margin-bottom: 15px;
                                        position: relative;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .section-title ul.services li:before {
                                        content: "\f123";
                                        position: absolute;
                                        top: 50%;
                                        -webkit-transform: translateY(-50%);
                                        transform: translateY(-50%);
                                        left: 0;
                                        font-family: Flaticon;
                                        font-size: 25px;
                                        color: #8eba1c;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul {
                                        display: -webkit-box;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-box-align: center;
                                        -ms-flex-align: center;
                                        align-items: center;
                                        position: relative;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul li {
                                        margin-right: 30px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul li a {
                                        font-size: 17px;
                                        display: block;
                                        color: #bcbcbc;
                                        font-weight: 900;
                                        -webkit-transition: .4s;
                                        transition: .4s;
                                        position: relative;
                                        padding: 10px 0;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul li a:hover {
                                        color: #181818;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul li a.active {
                                        color: #181818;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul li a.active:before {
                                        -webkit-transform: scaleX(1);
                                        transform: scaleX(1);
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul li a:before {
                                        content: "";
                                        position: absolute;
                                        left: 0;
                                        top: 100%;
                                        height: 8px;
                                        width: 100%;
                                        background: #8eba1c;
                                        border-radius: 4px;
                                        -webkit-transform: scaleX(0);
                                        transform: scaleX(0);
                                        -webkit-transform-origin: left;
                                        transform-origin: left;
                                        -webkit-transition: .4s;
                                        transition: .4s;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul:before {
                                        content: "";
                                        position: absolute;
                                        left: 0;
                                        top: 100%;
                                        width: 100%;
                                        height: 8px;
                                        border-radius: 4px;
                                        background: #ffffff;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab {
                                        margin: 20px 0 0;
                                        display: none;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content {
                                        display: -webkit-box;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -ms-flex-wrap: wrap;
                                        flex-wrap: wrap;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus {
                                        display: -webkit-box;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-box-align: start;
                                        -ms-flex-align: start;
                                        align-items: flex-start;
                                        width: 70%;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item {
                                        width: 50%;
                                        margin-bottom: 20px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item h4 {
                                        font-size: 19px;
                                        font-weight: 900;
                                        color: #8eba1c;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item ul li {
                                        color: #181818;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf {
                                        margin-top: 40px;
                                        width: 30%;
                                        display: -webkit-box;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-box-pack: end;
                                        -ms-flex-pack: end;
                                        justify-content: flex-end;
                                        position: relative;
                                        z-index: 0;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a {
                                        display: block;
                                        text-align: center;
                                        padding: 10px;
                                        border-radius: 10px;
                                        border: 3px solid #cccccc;
                                        height: auto;
                                        color: #181818;
                                        font-weight: 900;
                                        font-size: 12px;
                                        height: 95px;
                                        -webkit-transition: .4s;
                                        transition: .4s;
                                        position: relative;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a:before {
                                        content: "";
                                        position: absolute;
                                        top: -4px;
                                        background: white;
                                        left: 15%;
                                        width: 70%;
                                        height: 6px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a i {
                                        position: relative;
                                        z-index: 1;
                                        display: block;
                                        font-size: 48px;
                                        font-weight: 400;
                                        color: #181818;
                                        line-height: 1;
                                        margin-top: -15px;
                                        margin-left: 5px;
                                        -webkit-transition: .4s;
                                        transition: .4s;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a span {
                                        display: block;
                                        font-weight: 400;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a:hover {
                                        border-color: #8eba1c;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a:hover i {
                                        color: #8eba1c;
                                        -webkit-transform: translateY(-5px);
                                        transform: translateY(-5px);
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.galeri .galeri-slider .owl-nav .owl-next,
                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.galeri .galeri-slider .owl-nav .owl-prev {
                                        position: absolute;
                                        top: 50%;
                                        left: 15px;
                                        -webkit-transform: translateY(-50%);
                                        transform: translateY(-50%);
                                        z-index: 1;
                                        width: 40px;
                                        height: 40px;
                                        line-height: 40px;
                                        color: white;
                                        font-size: 32px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.galeri .galeri-slider .owl-nav .owl-next {
                                        left: auto;
                                        right: 15px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea {
                                        width: 100%;
                                        padding: 15px;
                                        border: 2px solid #d7d7d7;
                                        border-radius: 10px;
                                        background: white;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea::-webkit-input-placeholder {
                                        color: #b0b0b0;
                                        font-weight: 600;
                                        color: #b0b0b0;
                                        font-size: 14px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea:-ms-input-placeholder {
                                        color: #b0b0b0;
                                        font-weight: 600;
                                        color: #b0b0b0;
                                        font-size: 14px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea::-ms-input-placeholder {
                                        color: #b0b0b0;
                                        font-weight: 600;
                                        color: #b0b0b0;
                                        font-size: 14px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea::placeholder {
                                        color: #b0b0b0;
                                        font-weight: 600;
                                        color: #b0b0b0;
                                        font-size: 14px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons {
                                        margin-top: 15px;
                                        text-align: right;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons a, .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons button {
                                        height: 40px;
                                        line-height: 40px;
                                        display: inline-block;
                                        padding: 0 30px;
                                        color: white;
                                        font-size: 12px;
                                        text-transform: uppercase;
                                        font-weight: 900;
                                        border: none;
                                        border-radius: 10px;
                                        background: #5f3313;
                                        -webkit-transition: .4s;
                                        transition: .4s;
                                        position: relative;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons a:before, .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons button:before {
                                        content: "";
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        -webkit-transform-origin: center;
                                        transform-origin: center;
                                        -webkit-transform: scale(0);
                                        transform: scale(0);
                                        -webkit-transition: .4s;
                                        transition: .4s;
                                        border-radius: 10px;
                                        -webkit-box-shadow: 0 0 0 5px rgba(255, 128, 0, 0.2);
                                        box-shadow: 0 0 0 5px rgba(255, 128, 0, 0.2);
                                        height: 100%;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons a:hover, .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons button:hover {
                                        background: #8eba1c;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons a:hover:before, .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons button:hover:before {
                                        -webkit-transform: scale(1);
                                        transform: scale(1);
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment {
                                        padding: 20px 0;
                                        border-bottom: 1px solid #e4e4e4;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header {
                                        display: -webkit-box;
                                        display: -ms-flexbox;
                                        display: flex;
                                        -webkit-box-align: start;
                                        -ms-flex-align: start;
                                        align-items: flex-start;
                                        -webkit-box-pack: justify;
                                        -ms-flex-pack: justify;
                                        justify-content: space-between;
                                        margin-bottom: 20px;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .title h3 {
                                        font-size: 14px;
                                        color: #13334a;
                                        font-weight: 800;
                                        margin: 0;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .title span {
                                        font-size: 13px;
                                        color: #949494;
                                        font-weight: 300;
                                        line-height: 1;
                                      }

                                      .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes {
                                        display: -webkit-box;
                                        @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;700;900&display=swap');

                                        @import "owl.theme.css";
                                        @media (min-width: 1300px) {
                                          .container {
                                            max-width: 1300px;
                                            padding: 0;
                                          }
                                        }

                                        body,html {
                                          margin: 0;
                                          padding: 0;
                                          background: white;
                                          font-family: 'Nunito', sans-serif;
                                          width:100%!important;
                                        }

                                        body a:hover,
                                        body a:focus {
                                          text-decoration: none;
                                        }

                                        body ul {
                                          margin: 0;
                                          padding: 0;
                                        }

                                        body ul li {
                                          list-style: none;
                                        }

                                        body *:focus {
                                          outline: 0;
                                        }

                                        body b {
                                          font-weight: 900;
                                        }
                                        .side-links a img{
                                          width: 80%!important;
                                          margin: 12px -16px 10px 0px;
                                          padding-left: 0px;}
                                          body .nice-select {
                                            width: 100%;
                                            padding: 0 15px;
                                            border-radius: 15px;
                                            border: none;
                                          }

                                          body .nice-select ul.list {
                                            width: 100%;
                                            margin-top: 10px;
                                            border-radius: 15px;
                                            padding: 15px 25px;
                                          }

                                          body .nice-select ul.list li {
                                            border-bottom: 1px dashed #e9e9e9;
                                            display: block;
                                            -webkit-transition: .4s;
                                            transition: .4s;
                                            background: none !important;
                                          }

                                          body .nice-select ul.list li:hover {
                                            color: #083d64;
                                            font-weight: 900;
                                          }

                                          body .nice-select ul.list li:last-child {
                                            border: none;
                                          }

                                          body .nice-select:after {
                                            width: 8px;
                                            height: 8px;
                                            border-color: #8d8f8c;
                                            right: 20px;
                                          }

                                          body ::-moz-selection {
                                            background: #8eba1c;
                                            color: white;
                                          }

                                          body ::selection {
                                            background: #8eba1c;
                                            color: white;
                                          }

                                          .fp-tableCell {
                                            vertical-align: bottom;
                                          }

                                          .preloader {
                                            position: fixed;
                                            top: 0;
                                            left: 0;
                                            width: 100%;
                                            height: 100%;
                                            background-color: #8eba1c;
                                            z-index: 999999;
                                            text-align: center;
                                          }

                                          .preloader .spinner {
                                            width: 60px;
                                            height: 60px;
                                            position: absolute;
                                            left: 0;
                                            right: 0;
                                            margin: 0 auto;
                                            top: 46%;
                                            -webkit-transform: translateY(-46%);
                                            transform: translateY(-46%);
                                          }

                                          .preloader .spinner .double-bounce1,
                                          .preloader .spinner .double-bounce2 {
                                            width: 100%;
                                            height: 100%;
                                            border-radius: 50%;
                                            background-color: #fff;
                                            opacity: 0.6;
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            -webkit-animation: sk-bounce 2s infinite ease-in-out;
                                            animation: sk-bounce 2s infinite ease-in-out;
                                          }

                                          .preloader .spinner .double-bounce2 {
                                            -webkit-animation-delay: -1s;
                                            animation-delay: -1s;
                                          }

                                          @-webkit-keyframes sk-bounce {
                                            0% {
                                              -webkit-transform: scale(1);
                                              transform: scale(1);
                                            }
                                            100% {
                                              -webkit-transform: scale(0);
                                              transform: scale(0);
                                            }
                                            50% {
                                              -webkit-transform: scale(1);
                                              transform: scale(1);
                                            }
                                          }

                                          @keyframes sk-bounce {
                                            0% {
                                              -webkit-transform: scale(1);
                                              transform: scale(1);
                                            }
                                            100% {
                                              -webkit-transform: scale(0);
                                              transform: scale(0);
                                            }
                                            50% {
                                              -webkit-transform: scale(1);
                                              transform: scale(1);
                                            }
                                          }

                                          @-webkit-keyframes scroll {
                                            0% {
                                              -webkit-transform: scaleY(0) translateX(-50%);
                                              transform: scaleY(0) translateX(-50%);
                                              -webkit-transform-origin: top;
                                              transform-origin: top;
                                            }
                                            50% {
                                              -webkit-transform: scaleY(1) translateX(-50%);
                                              transform: scaleY(1) translateX(-50%);
                                              -webkit-transform-origin: bottom;
                                              transform-origin: bottom;
                                            }
                                            100% {
                                              -webkit-transform: scaleY(0) translateX(-50%);
                                              transform: scaleY(0) translateX(-50%);
                                              -webkit-transform-origin: bottom;
                                              transform-origin: bottom;
                                            }
                                          }

                                          @keyframes scroll {
                                            0% {
                                              -webkit-transform: scaleY(0) translateX(-50%);
                                              transform: scaleY(0) translateX(-50%);
                                              -webkit-transform-origin: top;
                                              transform-origin: top;
                                            }
                                            50% {
                                              -webkit-transform: scaleY(1) translateX(-50%);
                                              transform: scaleY(1) translateX(-50%);
                                              -webkit-transform-origin: bottom;
                                              transform-origin: bottom;
                                            }
                                            100% {
                                              -webkit-transform: scaleY(0) translateX(-50%);
                                              transform: scaleY(0) translateX(-50%);
                                              -webkit-transform-origin: bottom;
                                              transform-origin: bottom;
                                            }
                                          }

                                          @-webkit-keyframes mover {
                                            0% {
                                              -webkit-transform: translateY(0);
                                              transform: translateY(0);
                                            }
                                            50% {
                                              -webkit-transform: translateY(-5px);
                                              transform: translateY(-5px);
                                            }
                                            100% {
                                              -webkit-transform: translateY(0);
                                              transform: translateY(0);
                                            }
                                          }

                                          @keyframes mover {
                                            0% {
                                              -webkit-transform: translateY(0);
                                              transform: translateY(0);
                                            }
                                            50% {
                                              -webkit-transform: translateY(-5px);
                                              transform: translateY(-5px);
                                            }
                                            100% {
                                              -webkit-transform: translateY(0);
                                              transform: translateY(0);
                                            }
                                          }

                                          header {
                                            position: fixed;
                                            top: 0;
                                            left: 0;
                                            width: 100%;
                                            z-index: 999;
                                          }

                                          header .header-wrapper {
                                            display: -webkit-box;
                                            display: -ms-flexbox;
                                            display: flex;
                                            -webkit-box-align: start;
                                            -ms-flex-align: start;
                                            align-items: flex-start;
                                            -webkit-box-pack: justify;
                                            -ms-flex-pack: justify;
                                            justify-content: space-between;
                                            padding-top: 0;
                                            height: 90px;
                                          }

                                          header .header-wrapper .logo {
                                            position: static;
                                            width: 11%;
                                            padding-top: 2px;
                                            background: white;
                                            border-radius: 0px 0px 50% 50%;
                                          }

                                          header .header-wrapper .logo a {
                                            display: block;
                                          }

                                          header .header-wrapper .logo a img {
                                            width: 182px;
                                            left: 151px;
                                            top: -17px;position: fixed;}

                                            header .header-wrapper .logo .side-links {
                                              position: fixed;
                                              top: -60px;
                                              right: 40px;
                                              height: 105vh;
                                              -webkit-transform: translateX(-50%);
                                              transform: translateX(-50%);
                                              z-index: -1;
                                            }

                                            header .header-wrapper .logo .side-links ul {
                                              padding-top: 195px;
                                              padding-left: -72px;
                                              position: relative;
                                              height: 100%;
                                              display: -webkit-box;
                                              display: -ms-flexbox;
                                              display: flex;
                                              -webkit-box-orient: vertical;
                                              -webkit-box-direction: normal;
                                              -ms-flex-direction: column;
                                              flex-direction: column;
                                              -webkit-box-align: center;
                                              -ms-flex-align: center;
                                              align-items: center;
                                              -webkit-box-pack: space-evenly;
                                              -ms-flex-pack: space-evenly;
                                              justify-content: space-evenly;
                                            }

                                            header .header-wrapper .logo .side-links ul:before {
                                              content: "";
                                              position: absolute;
                                              top: 23%;
                                              left: 0px;
                                              width: 100%;
                                              height: 100%;
                                              -webkit-box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.26);
                                              box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.26);
                                              background-color: white;
                                              background-image: url("../img/background/links.png");
                                              background-repeat: no-repeat;
                                              border-radius: 10px 10px 0px 0px;
                                              background-position: bottom center;
                                            }

                                            header .header-wrapper .logo .side-links ul li {
                                              margin-top: 40px;
                                              width: 100%;
                                            }

                                            header .header-wrapper .logo .side-links ul li a {
                                              position: relative;
                                              display: block;
                                              text-align: center;
                                              -webkit-transition: .4s;
                                              transition: .4s;
                                            }

                                            header .header-wrapper .logo .side-links ul li a i {
                                              position: relative;
                                              display: block;
                                              z-index: 2;
                                              width: 92px;
                                              height: 27px;
                                              line-height: 80px;
                                              font-size: 32px;
                                              color: #adb5bd;
                                              -webkit-transition: .4s;
                                              transition: .4s;
                                            }

                                            header .header-wrapper .logo .side-links ul li a>span {
                                              position: absolute;
                                              -webkit-transition: .4s;
                                              transition: .4s;
                                              right: -19px;
                                              top: 0px;
                                              background: #5f3313;
                                              z-index: -2;
                                              display: -webkit-box;
                                              display: -ms-flexbox;
                                              display: flex;
                                              -webkit-box-align: end;
                                              -ms-flex-align: end;
                                              align-items: flex-end;
                                              -webkit-box-pack: center;
                                              -ms-flex-pack: center;
                                              justify-content: center;
                                              padding-right: 131px;
                                              height: 75px;
                                              width: 161px;
                                              border-radius: 10px;
                                              line-height: 1;
                                              text-align: center;
                                              font-size: 16px;
                                              color: #ffffff;
                                              -webkit-box-orient: vertical;
                                              -webkit-box-direction: normal;
                                              -ms-flex-direction: column;
                                              flex-direction: column;
                                              -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.9);
                                              box-shadow: 0px 3px 30px 0px rgb(0 0 0);
                                            }
                                            header .header-wrapper .logo .side-links ul li.active a>span,header .header-wrapper .logo .side-links ul li:hover a>span {
                                              width: 245px;
                                            }
                                            header .header-wrapper .logo .side-links ul li a>span>span{
                                              display: none;
                                              transition:.4s;
                                              height: 11px;}
                                              header .header-wrapper .logo .side-links ul li a>span b {
                                                margin-right: 0;
                                                display: none;
                                                font-size: 20px;
                                                padding-top: 3px;
                                                transition: .4s;
                                                font-size: 17px;}
                                                header .header-wrapper .logo .side-links ul li.active a>span>span,
                                                header .header-wrapper .logo .side-links ul li.active a>span b,
                                                header .header-wrapper .logo .side-links ul li:hover a>span>span,
                                                header .header-wrapper .logo .side-links ul li:hover a>span b{
                                                  display: block;
                                                }


                                                header .header-wrapper .logo .side-links ul li a.devam {
                                                  font-size: 10px;
                                                  font-weight: 900;
                                                  color: #737373;
                                                  display: block;
                                                  position: relative;
                                                  z-index: 2;
                                                  padding: 13px 0;
                                                }

                                                header .header-wrapper .logo .side-links ul li a.devam .mouse {
                                                  display: block;
                                                  width: 20px;
                                                  height: 35px;
                                                  margin: 0 auto;
                                                  border-radius: 10px;
                                                  border: 2px solid #737373;
                                                  margin-bottom: 5px;
                                                  position: relative;
                                                  -webkit-transition: .4s;
                                                  transition: .4s;
                                                }

                                                header .header-wrapper .logo .side-links ul li a.devam .mouse:before {
                                                  content: "";
                                                  position: absolute;
                                                  top: 5px;
                                                  left: 50%;
                                                  width: 2px;
                                                  border-radius: 1px;
                                                  height: 8px;
                                                  background: #737373;
                                                  -webkit-animation: scroll 3s infinite;
                                                  animation: scroll 3s infinite;
                                                  -webkit-transition: .4s;
                                                  transition: .4s;
                                                }

                                                header .header-wrapper .logo .side-links ul li a.devam:hover {
                                                  color: #8eba1c;
                                                }

                                                header .header-wrapper .logo .side-links ul li a.devam:hover .mouse {
                                                  border-color: #8eba1c;
                                                }

                                                header .header-wrapper .logo .side-links ul li a.devam:hover .mouse:before {
                                                  background: #8eba1c;
                                                }

                                                header .header-wrapper .logo .side-links ul li.active a, header .header-wrapper .logo .side-links ul li:hover a {
                                                  color: #8eba1c;
                                                }

                                                header .header-wrapper .logo .side-links ul li.active a i, header .header-wrapper .logo .side-links ul li:hover a i {
                                                  color: #8eba1c;
                                                }

                                                header .header-wrapper .logo .side-links ul li.active a span, header .header-wrapper .logo .side-links ul li:hover a span {
                                                  background: #8eba1c;
                                                  color: white;
                                                  font-size: 13px;
                                                }



                                                header .header-wrapper .logo .side-links ul li:last-child a {
                                                  padding: 25px 0;
                                                }

                                                header .header-wrapper .menu {
                                                  display: -webkit-box;
                                                  display: -ms-flexbox;
                                                  display: flex;
                                                  -webkit-box-align: center;
                                                  -ms-flex-align: center;
                                                  align-items: center;
                                                  -webkit-box-pack: end;
                                                  -ms-flex-pack: end;
                                                  justify-content: flex-end;
                                                  margin-top: 15px;
                                                  position: relative;
                                                }

                                                header .header-wrapper .menu .social {
                                                  display: -webkit-box;
                                                  display: -ms-flexbox;
                                                  display: flex;
                                                  -webkit-box-align: center;
                                                  -ms-flex-align: center;
                                                  align-items: center;
                                                  padding-right: 20px;
                                                  border-right: 1px solid black;
                                                }

                                                header .header-wrapper .menu .social > span {
                                                  color: white;
                                                  font-size: 14px;
                                                  display: block;
                                                  font-weight: 700;
                                                  margin-right: 27px;
                                                }

                                                header .header-wrapper .menu .social ul li {
                                                  display: inline-block;
                                                }

                                                header .header-wrapper .menu .social ul li a {
                                                  color: black;
                                                  -webkit-transition: .4s;
                                                  transition: .4s;
                                                  font-size: 14px;
                                                  padding: 10px 5px;
                                                }

                                                header .header-wrapper .menu .social ul li a:hover {
                                                  color: #8db91c;
                                                }

                                                header .header-wrapper .menu .login {
                                                  position: relative;
                                                }

                                                header .header-wrapper .menu .login > a {
                                                  display: -webkit-box;
                                                  display: -ms-flexbox;
                                                  display: flex;
                                                  padding: 0px 20px;
                                                  -webkit-box-align: center;
                                                  -ms-flex-align: center;
                                                  align-items: center;
                                                  color: white;
                                                  font-size: 14px;
                                                  color: black;
                                                  /* text-transform: uppercase; */
                                                  font-weight: 800;
                                                  -webkit-transition: .4s;
                                                  transition: .4s;
                                                }

                                                header .header-wrapper .menu .login > a:hover {
                                                  color: #8eba1c;
                                                }

                                                header .header-wrapper .menu .login > a i {
                                                  font-size: 18px;
                                                  margin-right: 10px;
                                                  font-weight: normal;
                                                }

                                                header .header-wrapper .menu .login > a.active {
                                                  color: #8eba1c;
                                                }

                                                header .header-wrapper .menu .login .login-form {
                                                  position: absolute;
                                                  top: 100%;
                                                  left: 50%;
                                                  padding: 15px;
                                                  -webkit-transform: translateX(-50%);
                                                  transform: translateX(-50%);
                                                  width: 200px;
                                                  margin-top: 20px;
                                                  background: white;
                                                  -webkit-box-shadow: 0 10px 21px 0px rgba(0, 0, 0, 0.67);
                                                  box-shadow: 0 10px 21px 0px rgba(0, 0, 0, 0.67);
                                                  z-index: 11;
                                                  border-radius: 10px;
                                                  display: none;
                                                }

                                                header .header-wrapper .menu .login .login-form:before {
                                                  content: "";
                                                  position: absolute;
                                                  width: 20px;
                                                  height: 20px;
                                                  left: 50%;
                                                  top: -10px;
                                                  -webkit-transform: translateX(-50%) rotate(45deg);
                                                  transform: translateX(-50%) rotate(45deg);
                                                  background: white;
                                                }

                                                header .header-wrapper .menu .login .login-form form .input-group {
                                                  margin-bottom: 15px;
                                                }

                                                header .header-wrapper .menu .login .login-form form .input-group input {
                                                  height: 40px;
                                                  background: #f2f2f2;
                                                  border: none;
                                                  width: 100%;
                                                  border-radius: 10px;
                                                  text-indent: 15px;
                                                  font-size: 12px;
                                                  font-weight: 900;
                                                }

                                                header .header-wrapper .menu .login .login-form form .input-group input::-webkit-input-placeholder {
                                                  font-size: 12px;
                                                  font-weight: 700;
                                                  color: #2b2b2b;
                                                }

                                                header .header-wrapper .menu .login .login-form form .input-group input:-ms-input-placeholder {
                                                  font-size: 12px;
                                                  font-weight: 700;
                                                  color: #2b2b2b;
                                                }

                                                header .header-wrapper .menu .login .login-form form .input-group input::-ms-input-placeholder {
                                                  font-size: 12px;
                                                  font-weight: 700;
                                                  color: #2b2b2b;
                                                }

                                                header .header-wrapper .menu .login .login-form form .input-group input::placeholder {
                                                  font-size: 12px;
                                                  font-weight: 700;
                                                  color: #2b2b2b;
                                                }

                                                header .header-wrapper .menu .login .login-form form .input-group .remember {
                                                  position: relative;
                                                }

                                                header .header-wrapper .menu .login .login-form form .input-group .remember input {
                                                  opacity: 0;
                                                  position: absolute;
                                                  left: 0;
                                                  top: 0;
                                                  width: 100%;
                                                  height: 100%;
                                                  z-index: 1;
                                                  cursor: pointer;
                                                }

                                                header .header-wrapper .menu .login .login-form form .input-group .remember label {
                                                  display: block;
                                                  padding-left: 30px;
                                                  position: relative;
                                                  cursor: pointer;
                                                  color: #2b2b2b;
                                                  font-size: 12px;
                                                  font-weight: 700;
                                                }

                                                header .header-wrapper .menu .login .login-form form .input-group .remember label:before {
                                                  content: "";
                                                  position: absolute;
                                                  left: 0;
                                                  top: 50%;
                                                  -webkit-transform: translateY(-50%);
                                                  transform: translateY(-50%);
                                                  width: 21px;
                                                  height: 23px;
                                                  background-image: url("../img/icons/checkbox.png");
                                                  background-repeat: no-repeat;
                                                  background-size: cover;
                                                  background-position: top center;
                                                }

                                                header .header-wrapper .menu .login .login-form form .input-group .remember input:checked ~ label:before {
                                                  background-position: bottom center;
                                                }

                                                header .header-wrapper .menu .login .login-form form .input-group a.forgot_password {
                                                  color: #2b2b2b;
                                                  font-size: 12px;
                                                  font-weight: 700;
                                                  padding-left: 30px;
                                                  -webkit-transition: .3s;
                                                  transition: .3s;
                                                }

                                                header .header-wrapper .menu .login .login-form form button[type="submit"] {
                                                  font-size: 12px;
                                                  color: white;
                                                  display: block;
                                                  width: 100%;
                                                  padding: 0;
                                                  font-weight: 900;
                                                  border: none;
                                                  height: 40px;
                                                  border-radius: 10px;
                                                  line-height: 40px;
                                                  text-align: center;
                                                  background: #8eba1c;
                                                  -webkit-transition: .4s;
                                                  transition: .4s;
                                                }

                                                header .header-wrapper .menu .login .login-form form button[type="submit"]:hover {
                                                  background: #8eba1c;
                                                }

                                                header .header-wrapper .menu .lang a {
                                                  color: white;
                                                  font-size: 14px;
                                                  font-weight: 700;
                                                  -webkit-transition: .4s;
                                                  transition: .4s;
                                                  padding: 2px 20px;
                                                  border-left: 1px solid white;
                                                  border-right: 1px solid white;
                                                  transition: .4s;
                                                  font-weight: 900;
                                                }

                                                header .header-wrapper .menu .lang a:hover {
                                                  color: #8eba1c;
                                                }

                                                header .header-wrapper .menu .openMenu > a {
                                                  display: -webkit-box;
                                                  display: -ms-flexbox;
                                                  display: flex;
                                                  -webkit-box-align: center;
                                                  -ms-flex-align: center;
                                                  align-items: center;
                                                  color: white;
                                                  font-size: 29px;
                                                  font-weight: 900;
                                                  padding-left: 20px;
                                                  -webkit-transition: .4s;
                                                  transition: .4s;
                                                }

                                                header .header-wrapper .menu .openMenu > a span.hamburger {
                                                  display: block;
                                                  margin-left: 10px;
                                                  width: 44px;
                                                  height: 2px;
                                                  border-radius: 2px;
                                                  background: white;
                                                  position: relative;
                                                  cursor: pointer;
                                                  -webkit-transition: .4s;
                                                  transition: .4s;
                                                }

                                                header .header-wrapper .menu .openMenu > a span.hamburger:before {
                                                  content: "";
                                                  position: absolute;
                                                  left: 0;
                                                  top: -8px;
                                                  background: white;
                                                  width: 29px;
                                                  height: 2px;
                                                  border-radius: 2px;
                                                  -webkit-transition: .4s;
                                                  transition: .4s;
                                                }

                                                header .header-wrapper .menu .openMenu > a span.hamburger:after {
                                                  content: "";
                                                  position: absolute;
                                                  -webkit-transition: .4s;
                                                  transition: .4s;
                                                  left: 0;
                                                  bottom: -8px;
                                                  background: white;
                                                  width: 40px;
                                                  height: 2px;
                                                  border-radius: 2px;
                                                }

                                                header .header-wrapper .menu .openMenu > a.active {
                                                  color: #8eba1c;
                                                }

                                                header .header-wrapper .menu .openMenu > a.active span.hamburger {
                                                  background: transparent;
                                                }

                                                header .header-wrapper .menu .openMenu > a.active span.hamburger:before {
                                                  width: 24px;
                                                  -webkit-transform: rotate(45deg);
                                                  transform: rotate(45deg);
                                                  -webkit-transform-origin: top left;
                                                  transform-origin: top left;
                                                  background: #8eba1c;
                                                }

                                                header .header-wrapper .menu .openMenu > a.active span.hamburger:after {
                                                  width: 24px;
                                                  -webkit-transform: rotate(-45deg);
                                                  transform: rotate(-45deg);
                                                  -webkit-transform-origin: bottom left;
                                                  transform-origin: bottom left;
                                                  background: #8eba1c;
                                                }

                                                header .header-wrapper .menu .openMenu > a:hover {
                                                  color: #8eba1c;
                                                }

                                                header .header-wrapper .menu .openMenu .main-menu {
                                                  position: absolute;
                                                  z-index: 1111;
                                                  top: 50px;
                                                  right: 4px;
                                                  width: 100%;
                                                  -webkit-box-align: start;
                                                  -ms-flex-align: start;
                                                  align-items: flex-start;
                                                  -webkit-box-pack: justify;
                                                  -ms-flex-pack: justify;
                                                  justify-content: space-between;
                                                  padding: 15px 15px;
                                                  -webkit-box-shadow: 0px 19px 29px 0px rgba(0, 0, 0, 0.75);
                                                  /* box-shadow: 0px 19px 30px 0px rgb(0 0 0 / 75%); */
                                                  border-radius: 10px;
                                                  margin-top: 17px;
                                                  background: url("../img/background/menu-bg.png") no-repeat bottom right;
                                                  background-size: cover;
                                                  display: none;
                                                }

                                                header .header-wrapper .menu .openMenu .main-menu #menu {
                                                  width: 100%;
                                                  /* border-right: 1px solid #b1b1b1; */
                                                }

                                                header .header-wrapper .menu .openMenu .main-menu #menu > ul > li {
                                                  margin-bottom: 10px;
                                                  display: table-cell;padding: 10px;}

                                                  header .header-wrapper .menu .openMenu .main-menu #menu > ul > li > a {
                                                    display: block;
                                                    font-size: 16px;
                                                    color: #5f3313;
                                                    font-weight: 700;
                                                    -webkit-transition: .4s;
                                                    transition: .4s;
                                                  }

                                                  header .header-wrapper .menu .openMenu .main-menu #menu > ul > li > a:hover {
                                                    color: #8eba1c;
                                                    /* font-weight: 900; */
                                                  /* background: whitesmoke; *//* padding: 10px; *//* border-bottom: solid; */}

                                                  header .header-wrapper .menu .openMenu .main-menu #menu > ul > li:last-child {
                                                    margin: 0;
                                                  }

                                                  header .header-wrapper .menu .openMenu .main-menu > a {
                                                    display: -webkit-box;
                                                    display: -ms-flexbox;
                                                    display: flex;
                                                    -webkit-box-align: center;
                                                    -ms-flex-align: center;
                                                    align-items: center;
                                                    padding-left: 20px;
                                                    padding-top: 15px;
                                                  }

                                                  header .header-wrapper .menu .openMenu .main-menu > a .left {
                                                    text-align: right;
                                                  }

                                                  header .header-wrapper .menu .openMenu .main-menu > a .left h3 {
                                                    font-size: 13px;
                                                    color: #5f3313;
                                                    line-height: 1;
                                                    margin: 0;
                                                  }

                                                  header .header-wrapper .menu .openMenu .main-menu > a .left span {
                                                    display: block;
                                                    font-size: 28px;
                                                    color: #5f3313;
                                                    font-weight: 900;
                                                    line-height: 1;
                                                  }

                                                  header .header-wrapper .menu .openMenu .main-menu > a i {
                                                    font-size: 45px;
                                                    color: #5f3313;
                                                    margin-left: 10px;
                                                    line-height: 1;
                                                  }

                                                  header .header-wrapper .menu .openMenu .main-menu.active {
                                                    display: -webkit-box;
                                                    display: -ms-flexbox;
                                                    display: flex;
                                                    -webkit-animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
                                                    animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
                                                  }

                                                  header.page, header.page-header {
                                                    -webkit-box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.26);
                                                    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.26);
                                                    z-index: 999;
                                                    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeIn;
                                                    animation: 500ms ease-in-out 0s normal none 1 running fadeIn;
                                                    background: white;
                                                    height: 74px;
                                                    }

                                                    header.page .header-wrapper .logo .side-links ul li a span, header.page-header .header-wrapper .logo .side-links ul li a span {
                                                      -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.14);
                                                      box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.14);
                                                      padding-left: -30px;
                                                    }

                                                    header.page .header-wrapper .menu .lang a, header.page-header .header-wrapper .menu .lang a {
                                                      color: #5f3313;
                                                      border-color: #b3b3b3;
                                                    }

                                                    header.page .header-wrapper .menu .lang a:hover, header.page-header .header-wrapper .menu .lang a:hover {
                                                      color: #8eba1c;
                                                    }

                                                    header.page .header-wrapper .menu .login a, header.page-header .header-wrapper .menu .login a {
                                                      color: #5f3313;
                                                    }

                                                    header.page .header-wrapper .menu .login a:hover, header.page .header-wrapper .menu .login a.active, header.page-header .header-wrapper .menu .login a:hover, header.page-header .header-wrapper .menu .login a.active {
                                                      color: #8eba1c;
                                                    }

                                                    header.page .header-wrapper .menu .social, header.page-header .header-wrapper .menu .social {
                                                      border-color: #b3b3b3;
                                                    }

                                                    header.page .header-wrapper .menu .social span, header.page-header .header-wrapper .menu .social span {
                                                      color: #5f3313;
                                                    }

                                                    header.page .header-wrapper .menu .social ul li a, header.page-header .header-wrapper .menu .social ul li a {
                                                      color: #5f3313;
                                                    }

                                                    header.page .header-wrapper .menu .social ul li a:hover, header.page-header .header-wrapper .menu .social ul li a:hover {
                                                      color: #8eba1c;
                                                    }

                                                    header.page .header-wrapper .menu .openMenu a, header.page-header .header-wrapper .menu .openMenu a {
                                                      color: #5f3313;
                                                    }

                                                    header.page .header-wrapper .menu .openMenu a > span, header.page-header .header-wrapper .menu .openMenu a > span {
                                                      background: #5f3313;
                                                    }

                                                    header.page .header-wrapper .menu .openMenu a > span:before, header.page .header-wrapper .menu .openMenu a > span:after, header.page-header .header-wrapper .menu .openMenu a > span:before, header.page-header .header-wrapper .menu .openMenu a > span:after {
                                                      background: #5f3313;
                                                    }

                                                    header.page .header-wrapper .menu .openMenu a:hover, header.page .header-wrapper .menu .openMenu a.active, header.page-header .header-wrapper .menu .openMenu a:hover, header.page-header .header-wrapper .menu .openMenu a.active {
                                                      color: #8eba1c;
                                                    }

                                                    header.page .header-wrapper .menu .openMenu a:hover > span:before, header.page .header-wrapper .menu .openMenu a:hover > span:after, header.page .header-wrapper .menu .openMenu a.active > span:before, header.page .header-wrapper .menu .openMenu a.active > span:after, header.page-header .header-wrapper .menu .openMenu a:hover > span:before, header.page-header .header-wrapper .menu .openMenu a:hover > span:after, header.page-header .header-wrapper .menu .openMenu a.active > span:before, header.page-header .header-wrapper .menu .openMenu a.active > span:after {
                                                      background: #8eba1c;
                                                    }

                                                    header.page .header-wrapper .menu .openMenu a:hover > span, header.page-header .header-wrapper .menu .openMenu a:hover > span {
                                                      background: #8eba1c;
                                                    }

                                                    header.page .header-wrapper .menu .openMenu a.active span, header.page-header .header-wrapper .menu .openMenu a.active span {
                                                      background: transparent;
                                                    }

                                                    .page-content {
                                                      background: url("../img/background/page-inner.png") no-repeat bottom left;
                                                      background-attachment: fixed;}

                                                      .page-content .wrapper {
                                                        display: -webkit-box;
                                                        display: -ms-flexbox;
                                                        display: flex;
                                                        -webkit-box-align: start;
                                                        -ms-flex-align: start;
                                                        align-items: flex-start;
                                                      }

                                                      .page-content .wrapper .columns {
                                                        height: max-content;
                                                        padding-top: 90px !important;
                                                      }

                                                      .page-content .wrapper .columns.content {
                                                        width: 73%;
                                                        padding-left: 30px;
                                                        position: relative;
                                                        z-index: 11;
                                                      }

                                                      .page-content .wrapper .columns.content .title-area .title {
                                                        position: relative;
                                                        width: 70%;
                                                      }

                                                      .page-content .wrapper .columns.content .title-area .title h3 {
                                                        color: #181818;
                                                        font-size: 55px;
                                                        line-height: 1;
                                                        letter-spacing: -2px;
                                                        margin: 0;
                                                        font-family: 'Montserrat', sans-serif;padding-top: 68px;
                                                      }

                                                      .page-content .wrapper .columns.content .title-area .title h2 {
                                                        color: #181818;
                                                        font-size: 115px;
                                                        line-height: 0.9;
                                                        margin: 0;
                                                        font-weight: 900;
                                                        letter-spacing: 0px;
                                                      }

                                                      .page-content .wrapper .columns.content .title-area .title:before {
                                                        content: attr(data-title);
                                                        position: absolute;
                                                        left: -7px;
                                                        top: 23px;
                                                        font-size: 180px;
                                                        line-height: 1;
                                                        color: #474747;
                                                        letter-spacing: 10px;
                                                        opacity: .09;
                                                        font-weight: 900;
                                                        z-index: -1;
                                                        text-transform: uppercase;}

                                                        .page-content .wrapper .columns.content .title-area .others {
                                                          position: absolute;
                                                          right: -15px;
                                                          top: 120px;
                                                          z-index: 1;
                                                        }

                                                        .page-content .wrapper .columns.content .title-area .others span {
                                                          display: block;
                                                          cursor: pointer;
                                                          padding: 0px 25px 15px;
                                                          background: #ee7700;
                                                          border-top-left-radius: 10px;
                                                          border-bottom-left-radius: 10px;
                                                          color: white;
                                                          width: 200px;
                                                          position: relative;
                                                          font-size: 16px;
                                                          -webkit-transition: .4s;
                                                          transition: .4s;
                                                          z-index: -1;
                                                        }

                                                        .page-content .wrapper .columns.content .title-area .others span:before {
                                                          content: "";
                                                          position: absolute;
                                                          z-index: -2;
                                                          -webkit-transition: .4s;
                                                          transition: .4s;
                                                          bottom: 10px;
                                                          border-top-left-radius: 15px;
                                                          border-bottom-left-radius: 15px;
                                                          left: 0;
                                                          background: #8eba1c;
                                                          width: 100%;
                                                          height: 100%;
                                                        }

                                                        .page-content .wrapper .columns.content .title-area .others span b {
                                                          display: block;
                                                        }

                                                        .page-content .wrapper .columns.content .title-area .others span.active {
                                                          -webkit-transform: translateY(5px);
                                                          transform: translateY(5px);
                                                        }

                                                        .page-content .wrapper .columns.content .title-area .others span.active::before {
                                                          -webkit-transform: translateY(5px);
                                                          transform: translateY(5px);
                                                        }

                                                        .page-content .wrapper .columns.content .title-area .others span.active:after {
                                                          -webkit-transform: rotate(135deg);
                                                          transform: rotate(135deg);
                                                        }

                                                        .page-content .wrapper .columns.content .title-area .others span:after {
                                                          content: "";
                                                          position: absolute;
                                                          right: 25px;
                                                          top: 30%;
                                                          -webkit-transition: .4s;
                                                          transition: .4s;
                                                          -webkit-transform: rotate(45deg);
                                                          transform: rotate(45deg);
                                                          width: 10px;
                                                          height: 10px;
                                                          border-top: 2px solid white;
                                                          border-right: 2px solid white;
                                                        }

                                                        .page-content .wrapper .columns.content .title-area .others ul {
                                                          position: absolute;
                                                          display: none;
                                                          top: 100%;
                                                          padding: 10px 25px;
                                                          left: 0;
                                                          background: white;
                                                          margin-top: -10px;
                                                          border-bottom-left-radius: 10px;
                                                          width: 100%;
                                                          z-index: -2;
                                                          -webkit-box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.9);
                                                          box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.9);
                                                        }

                                                        .page-content .wrapper .columns.content .title-area .others ul li a {
                                                          display: block;
                                                          font-weight: 800;
                                                          color: #181818;
                                                          font-size: 16px;
                                                          padding: 15px 0;
                                                          padding-left: 25px;
                                                          -webkit-transition: .4s;
                                                          transition: .4s;
                                                          position: relative;
                                                          border-bottom: 1px dashed #cacaca;
                                                        }

                                                        .page-content .wrapper .columns.content .title-area .others ul li a:before {
                                                          content: "";
                                                          position: absolute;
                                                          top: 50%;
                                                          left: 0;
                                                          -webkit-transform: translateY(-50%);
                                                          transform: translateY(-50%);
                                                          width: 16px;
                                                          height: 16px;
                                                          background: url("../img/icons/checkbox3.png") no-repeat top center;
                                                        }

                                                        .page-content .wrapper .columns.content .title-area .others ul li a:hover {
                                                          color: #8eba1c;
                                                        }

                                                        .page-content .wrapper .columns.content .title-area .others ul li:last-child a {
                                                          border: none;
                                                        }

                                                        .page-content .wrapper .columns.content .title-area .others ul li.active a {
                                                          color: #8eba1c;
                                                          font-weight: 900;
                                                        }

                                                        .page-content .wrapper .columns.content .title-area .others ul li.active a:before {
                                                          background: url("../img/icons/checkbox3.png") no-repeat bottom center;
                                                        }

                                                        .page-content .wrapper .columns.content .inner {
                                                          padding: 20px 15px 15px 15px;
                                                          padding-left: 0;
                                                          overflow-y: hidden;
                                                          overflow-x: hidden;
                                                          margin-top: 0px;
                                                          height: auto!important;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.cnt p {
                                                          text-align: justify;
                                                          font-size: 15px;
                                                          color: #454545;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .input {
                                                          margin-bottom: 15px;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .input input {
                                                          width: 100%;
                                                          height: 50px;
                                                          border-radius: 15px;
                                                          border: none;
                                                          border: 2px solid #acacac;
                                                          padding: 0 20px;
                                                          text-align: center;
                                                          font-weight: 900;
                                                          font-size: 15px;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .input textarea::-webkit-input-placeholder {
                                                          font-size: 15px;
                                                          color: #242424;
                                                          font-weight: 400;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .input textarea:-ms-input-placeholder {
                                                          font-size: 15px;
                                                          color: #242424;
                                                          font-weight: 400;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .input textarea::-ms-input-placeholder {
                                                          font-size: 15px;
                                                          color: #242424;
                                                          font-weight: 400;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .input textarea::placeholder {
                                                          font-size: 15px;
                                                          color: #242424;
                                                          font-weight: 400;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .input input::-webkit-input-placeholder {
                                                          font-size: 15px;
                                                          color: #242424;
                                                          font-weight: 400;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .input input:-ms-input-placeholder {
                                                          font-size: 15px;
                                                          color: #242424;
                                                          font-weight: 400;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .input input::-ms-input-placeholder {
                                                          font-size: 15px;
                                                          color: #242424;
                                                          font-weight: 400;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .input input::placeholder {
                                                          font-size: 15px;
                                                          color: #242424;
                                                          font-weight: 400;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form ul li {
                                                          font-size: 12px;
                                                          font-weight: 700;
                                                          color: #242424;
                                                          line-height: 1;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .checkbox {
                                                          position: relative;
                                                          margin-top: 80px;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .checkbox input {
                                                          position: absolute;
                                                          top: 0;
                                                          left: 0;
                                                          width:4%;
                                                          height: 100%;
                                                          z-index: 1;
                                                          opacity: 0;
                                                          cursor: pointer;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .checkbox label {
                                                          font-size: 15px;
                                                          color: #343434;
                                                          padding-left: 35px;
                                                          position: relative;
                                                          margin-bottom: 10px;
                                                          font-weight: 300;
                                                          display: block;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .checkbox label:before {
                                                          content: "";
                                                          position: absolute;
                                                          left: 0;
                                                          top: 50%;
                                                          -webkit-transform: translateY(-50%);
                                                          transform: translateY(-50%);
                                                          width: 19px;
                                                          height: 19px;
                                                          background: url(../img/icons/checkbox2.png) no-repeat bottom center;
                                                          background-size: cover;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .checkbox label b {
                                                          color: #8eba1c;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .checkbox input:checked ~ label:before {
                                                          background: url(../img/icons/checkbox2.png) no-repeat top center;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .buttons {
                                                          display: -webkit-box;
                                                          display: -ms-flexbox;
                                                          display: flex;
                                                          -webkit-box-align: center;
                                                          -ms-flex-align: center;
                                                          align-items: center;
                                                          -webkit-box-pack: end;
                                                          -ms-flex-pack: end;
                                                          justify-content: flex-end;
                                                          margin-top: 5px;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .buttons span.captcha,
                                                        .page-content .wrapper .columns.content .inner.form .buttons button[type="submit"] {
                                                          line-height: 50px;
                                                          background: #5f3313;
                                                          color: white;
                                                          font-size: 15px;
                                                          font-weight: 900;
                                                          text-align: center;
                                                          width: 40%;
                                                          border: none;
                                                          margin-left: 20px;
                                                          border-radius: 15px;
                                                          -webkit-transition: .4s;
                                                          transition: .4s;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .buttons span.captcha:hover,
                                                        .page-content .wrapper .columns.content .inner.form .buttons button[type="submit"]:hover {
                                                          background: #8eba1c;
                                                          color: white;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.form .buttons span.captcha {
                                                          background: #f9f9f9;
                                                          color: #2b2b2b;margin-right: 30px;    position: relative;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.contact ul.contact-info li {
                                                          display: -webkit-box;
                                                          display: -ms-flexbox;
                                                          display: flex;
                                                          -webkit-box-align: center;
                                                          -ms-flex-align: center;
                                                          align-items: center;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.contact ul.contact-info li i {
                                                          font-size: 24px;
                                                          color: #5f3313;
                                                          margin-right: 10px;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.contact ul.contact-info li span {
                                                          font-size: 17px;
                                                          color: #222222;
                                                          font-weight: 700;
                                                        }

                                                        .page-content .wrapper .columns.content .inner.contact .map {
                                                          float: left;position: relative;width: 50%;}
                                                          ul.contact-info{float: left;width:50%;}
                                                          .page-content .wrapper .columns.content .inner.contact .map iframe {
                                                            border: 2px solid #d7d7d7;
                                                            border-radius: 15px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.contact-form form .input input {
                                                            text-align: left;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.contact-form form .input textarea {
                                                            width: 100%;
                                                            border-radius: 15px;
                                                            border: none;
                                                            border: 2px solid #acacac;
                                                            padding: 8px 20px;
                                                            text-align: left;
                                                            font-weight: 900;
                                                            font-size: 15px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.contact-form form .checkbox {
                                                            margin-top: 0;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content {
                                                            display: none;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .section-title {
                                                            padding-bottom: 10px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .section-title h3 {
                                                            color: #181818;
                                                            font-size: 24px;
                                                            font-weight: 900;
                                                            margin-bottom: 5px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .section-title p {
                                                            font-size: 15px;
                                                            color: #454545;
                                                            margin: 0;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .section-title ul.services {
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-align: start;
                                                            -ms-flex-align: start;
                                                            align-items: flex-start;
                                                            -ms-flex-wrap: wrap;
                                                            flex-wrap: wrap;
                                                            margin-top: 30px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .section-title ul.services li {
                                                            width: 50%;
                                                            padding-left: 40px;
                                                            font-size: 15px;
                                                            color: #454545;
                                                            margin-bottom: 15px;
                                                            position: relative;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .section-title ul.services li:before {
                                                            content: "\f123";
                                                            position: absolute;
                                                            top: 50%;
                                                            -webkit-transform: translateY(-50%);
                                                            transform: translateY(-50%);
                                                            left: 0;
                                                            font-family: Flaticon;
                                                            font-size: 25px;
                                                            color: #8eba1c;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .links ul {
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-align: center;
                                                            -ms-flex-align: center;
                                                            align-items: center;
                                                            position: relative;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li {
                                                            margin-right: 30px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a {
                                                            font-size: 17px;
                                                            display: block;
                                                            color: #bcbcbc;
                                                            font-weight: 900;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                            position: relative;
                                                            padding: 10px 0;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:hover {
                                                            color: #181818;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a.active {
                                                            color: #181818;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a.active:before {
                                                            -webkit-transform: scaleX(1);
                                                            transform: scaleX(1);
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:before {
                                                            content: "";
                                                            position: absolute;
                                                            left: 0;
                                                            top: 100%;
                                                            height: 8px;
                                                            width: 100%;
                                                            background: #8eba1c;
                                                            border-radius: 4px;
                                                            -webkit-transform: scaleX(0);
                                                            transform: scaleX(0);
                                                            -webkit-transform-origin: left;
                                                            transform-origin: left;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .links ul:before {
                                                            content: "";
                                                            position: absolute;
                                                            left: 0;
                                                            top: 100%;
                                                            width: 100%;
                                                            height: 8px;
                                                            border-radius: 4px;
                                                            background: #ffffff00;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab {
                                                            margin: 20px 0 0;
                                                            display: none;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content {
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -ms-flex-wrap: wrap;
                                                            flex-wrap: wrap;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus {
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-align: start;
                                                            -ms-flex-align: start;
                                                            align-items: flex-start;
                                                            width: 70%;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item {
                                                            width: 50%;
                                                            margin-bottom: 20px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item h4 {
                                                            font-size: 19px;
                                                            font-weight: 900;
                                                            color: #8eba1c;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item ul li {
                                                            color: #181818;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf {
                                                            margin-top: 40px;
                                                            width: 30%;
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-pack: end;
                                                            -ms-flex-pack: end;
                                                            justify-content: flex-end;
                                                            position: relative;
                                                            z-index: 0;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a {
                                                            display: block;
                                                            text-align: center;
                                                            padding: 10px;
                                                            border-radius: 10px;
                                                            border: 3px solid #cccccc;
                                                            height: auto;
                                                            color: #181818;
                                                            font-weight: 900;
                                                            font-size: 12px;
                                                            height: 95px;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                            position: relative;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a:before {
                                                            content: "";
                                                            position: absolute;
                                                            top: -4px;
                                                            background: white;
                                                            left: 15%;
                                                            width: 70%;
                                                            height: 6px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a i {
                                                            position: relative;
                                                            z-index: 1;
                                                            display: block;
                                                            font-size: 48px;
                                                            font-weight: 400;
                                                            color: #181818;
                                                            line-height: 1;
                                                            margin-top: -15px;
                                                            margin-left: 5px;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a span {
                                                            display: block;
                                                            font-weight: 400;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a:hover {
                                                            border-color: #8eba1c;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a:hover i {
                                                            color: #8eba1c;
                                                            -webkit-transform: translateY(-5px);
                                                            transform: translateY(-5px);
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.galeri .galeri-slider .owl-nav .owl-next,
                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.galeri .galeri-slider .owl-nav .owl-prev {
                                                            position: absolute;
                                                            top: 50%;
                                                            left: 15px;
                                                            -webkit-transform: translateY(-50%);
                                                            transform: translateY(-50%);
                                                            z-index: 1;
                                                            width: 40px;
                                                            height: 40px;
                                                            line-height: 40px;
                                                            color: white;
                                                            font-size: 32px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.galeri .galeri-slider .owl-nav .owl-next {
                                                            left: auto;
                                                            right: 15px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea {
                                                            width: 100%;
                                                            padding: 15px;
                                                            border: 2px solid #d7d7d7;
                                                            border-radius: 10px;
                                                            background: white;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea::-webkit-input-placeholder {
                                                            color: #b0b0b0;
                                                            font-weight: 600;
                                                            color: #b0b0b0;
                                                            font-size: 14px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea:-ms-input-placeholder {
                                                            color: #b0b0b0;
                                                            font-weight: 600;
                                                            color: #b0b0b0;
                                                            font-size: 14px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea::-ms-input-placeholder {
                                                            color: #b0b0b0;
                                                            font-weight: 600;
                                                            color: #b0b0b0;
                                                            font-size: 14px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea::placeholder {
                                                            color: #b0b0b0;
                                                            font-weight: 600;
                                                            color: #b0b0b0;
                                                            font-size: 14px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons {
                                                            margin-top: 15px;
                                                            text-align: right;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons a, .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons button {
                                                            height: 40px;
                                                            line-height: 40px;
                                                            display: inline-block;
                                                            padding: 0 30px;
                                                            color: white;
                                                            font-size: 12px;
                                                            text-transform: uppercase;
                                                            font-weight: 900;
                                                            border: none;
                                                            border-radius: 10px;
                                                            background: #5f3313;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                            position: relative;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons a:before, .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons button:before {
                                                            content: "";
                                                            position: absolute;
                                                            top: 0;
                                                            left: 0;
                                                            width: 100%;
                                                            -webkit-transform-origin: center;
                                                            transform-origin: center;
                                                            -webkit-transform: scale(0);
                                                            transform: scale(0);
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                            border-radius: 10px;
                                                            -webkit-box-shadow: 0 0 0 5px rgba(255, 128, 0, 0.2);
                                                            box-shadow: 0 0 0 5px rgba(255, 128, 0, 0.2);
                                                            height: 100%;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons a:hover, .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons button:hover {
                                                            background: #8eba1c;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons a:hover:before, .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons button:hover:before {
                                                            -webkit-transform: scale(1);
                                                            transform: scale(1);
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment {
                                                            padding: 20px 0;
                                                            border-bottom: 1px solid #e4e4e4;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header {
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-align: start;
                                                            -ms-flex-align: start;
                                                            align-items: flex-start;
                                                            -webkit-box-pack: justify;
                                                            -ms-flex-pack: justify;
                                                            justify-content: space-between;
                                                            margin-bottom: 20px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .title h3 {
                                                            font-size: 14px;
                                                            color: #13334a;
                                                            font-weight: 800;
                                                            margin: 0;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .title span {
                                                            font-size: 13px;
                                                            color: #949494;
                                                            font-weight: 300;
                                                            line-height: 1;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes {
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-align: center;
                                                            -ms-flex-align: center;
                                                            align-items: center;
                                                            -webkit-box-pack: end;
                                                            -ms-flex-pack: end;
                                                            justify-content: flex-end;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item {
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-align: center;
                                                            -ms-flex-align: center;
                                                            align-items: center;
                                                            margin-left: 20px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item i {
                                                            display: block;
                                                            position: relative;
                                                            margin-right: 6px;
                                                            height: 30px;
                                                            line-height: 30px;
                                                            text-align: center;
                                                            width: 30px;
                                                            border-radius: 5px;
                                                            border: 1px solid #c6c6c6;
                                                            background: white;
                                                            color: #919191;
                                                            font-size: 16px;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item i:after {
                                                            content: "";
                                                            position: absolute;
                                                            top: 0;
                                                            left: 0;
                                                            width: 100%;
                                                            -webkit-transform-origin: center;
                                                            transform-origin: center;
                                                            -webkit-transform: scale(0);
                                                            transform: scale(0);
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                            border-radius: 5px;
                                                            -webkit-box-shadow: 0 0 0 5px rgba(255, 128, 0, 0.2);
                                                            box-shadow: 0 0 0 5px rgba(255, 128, 0, 0.2);
                                                            height: 100%;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item span {
                                                            font-size: 12px;
                                                            color: #838383;
                                                            font-weight: 800;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item:hover i, .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item.active i{
                                                            color: white;
                                                            border-color: #8eba1c;
                                                            background: #8eba1c;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item.active i:after{
                                                            -webkit-transform: scale(1);
                                                            transform: scale(1);
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item.active span {
                                                            color: #8eba1c;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-body p {
                                                            font-size: 13px;
                                                            color: #282828;
                                                            font-weight: 600;
                                                            margin: 0;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.current {
                                                            display: block;
                                                            -webkit-animation: 800ms ease-in-out 0s normal none 1 running fadeIn;
                                                            animation: 800ms ease-in-out 0s normal none 1 running fadeIn;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .properties {
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -ms-flex-wrap: wrap;
                                                            flex-wrap: wrap;
                                                            -webkit-box-align: start;
                                                            -ms-flex-align: start;
                                                            align-items: flex-start;
                                                            margin-top: 8px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .properties .item {
                                                            background: #8cb81c;
                                                            border-radius: 20px;
                                                            text-align: center;
                                                            width: 100%;
                                                            margin-top: 10px;
                                                            margin-right: 26px;
                                                            min-height: 132px;
                                                            padding: 3px;
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-orient: vertical;
                                                            -webkit-box-direction: normal;
                                                            -ms-flex-direction: column;
                                                            flex-direction: column;
                                                            -webkit-box-pack: justify;
                                                            -ms-flex-pack: justify;
                                                            /* justify-content: space-between; */
                                                            font-size: 15px;
                                                            font-weight: bold;
                                                            color: #ffffff;
                                                            /* -webkit-box-shadow: 0px 17px 22px 0px rgb(0 0 0 / -3%); */
                                                            /* box-shadow: 0px 17px 22px 0px rgba(0, 0, 0, 0.22); */
                                                            position: relative;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .properties .item i {
                                                            display: block;
                                                            font-size: 35px;
                                                            padding-top: 12px;color: #ffffff;
                                                            font-weight: normal;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .properties .item:before {
                                                            z-index: 1;
                                                            position: absolute;
                                                            top: -15px;
                                                            right: -15px;
                                                            width: 30px;
                                                            height: 30px;
                                                            line-height: 30px;
                                                            border-radius: 50%;
                                                            background: #66bb00;
                                                            color: white;
                                                            font-size: 16px;
                                                          }

                                        .page-content .wrapper .columns.content .inner.detail .tab-content .properties .itemiletisim {
                                                            background: #8cb81c;
                                                            border-radius: 20px;
                                                            text-align: center;
                                                            width: 240px;
                                                            margin-right: 26px;
                                                            min-height: 132px;
                                                            padding: 3px;
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-orient: vertical;
                                                            -webkit-box-direction: normal;
                                                            -ms-flex-direction: column;
                                                            flex-direction: column;
                                                            -webkit-box-pack: justify;
                                                            -ms-flex-pack: justify;
                                                            /* justify-content: space-between; */
                                                            font-size: 13px;
                                                            font-weight: bold;
                                                            color: #ffffff;
                                                            /* -webkit-box-shadow: 0px 17px 22px 0px rgb(0 0 0 / -3%); */
                                                            /* box-shadow: 0px 17px 22px 0px rgba(0, 0, 0, 0.22); */
                                                            position: relative;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .properties .itemiletisim i {
                                                            display: block;
                                                            font-size: 35px;
                                                            padding-top: 12px;color: #ffffff;
                                                            font-weight: normal;
                                                          }

                                                          .page-content .wrapper .columns.content .inner.detail .tab-content .properties .itemiletisim:before {
                                                            z-index: 1;
                                                            position: absolute;
                                                            top: -15px;
                                                            right: -15px;
                                                            width: 30px;
                                                            height: 30px;
                                                            line-height: 30px;
                                                            border-radius: 50%;
                                                            background: #66bb00;
                                                            color: white;
                                                            font-size: 16px;
                                                          }




                                                          .page-content .wrapper .columns.content .inner.detail .tab-content.current {
                                                            display: block;
                                                            -webkit-animation: 1200ms ease-in-out 0s normal none 1 running fadeIn;
                                                            animation: 1200ms ease-in-out 0s normal none 1 running fadeIn;
                                                          }

                                                          .page-content .wrapper .columns.content .inner::-webkit-scrollbar {
                                                            width: 8px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner::-webkit-scrollbar-track {
                                                            background: #eeeeee;
                                                          }

                                                          .page-content .wrapper .columns.content .inner::-webkit-scrollbar-thumb {
                                                            background: #adaaaa;
                                                            border-radius: 8px;
                                                          }

                                                          .page-content .wrapper .columns.content .inner::-webkit-scrollbar-thumb:hover {
                                                            background: #959595;
                                                          }

                                                          .page-content .wrapper .columns.right-side {
                                                            width: 27%;
                                                            background-size: cover;
                                                            position: relative;
                                                            z-index: 111;
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-align: center;
                                                            -ms-flex-align: center;
                                                            align-items: center;
                                                            -webkit-box-pack: center;
                                                            -ms-flex-pack: center;
                                                            justify-content: center;
                                                          }

                                                          .page-content .wrapper .columns.right-side.right-bg {
                                                            background-size: cover;
                                                            display: block;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content {
                                                            padding: 31px;
                                                            height: 100vh;
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-orient: vertical;
                                                            -webkit-box-direction: normal;
                                                            -ms-flex-direction: column;
                                                            flex-direction: column;
                                                            -webkit-box-align: center;
                                                            -ms-flex-align: center;
                                                            align-items: center;
                                                            -webkit-box-pack: justify;
                                                            -ms-flex-pack: justify;
                                                            justify-content: space-between;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .title {
                                                            width: 100%;
                                                            padding-left: 48px;
                                                            color: white;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .title h3 {
                                                            color: white;
                                                            font-size: 21px;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .title p {
                                                            color: white;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area {
                                                            width: 100%;
                                                            position: relative;
                                                            z-index: 111;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area .location-list {
                                                            min-height: 550px;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li {
                                                            position: absolute;
                                                            z-index: 1;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li a {
                                                            display: block;
                                                            width: 30px;
                                                            height: 30px;
                                                            line-height: 30px;
                                                            color: white;
                                                            background: #8eba1c;
                                                            border-radius: 50%;
                                                            text-align: center;
                                                            font-size: 22px;
                                                            font-weight: 800;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                            z-index: 111;
                                                            cursor: pointer;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li a:before {
                                                            content: "";
                                                            position: absolute;
                                                            top: 50%;
                                                            left: 50%;
                                                            -webkit-transform: translate(-50%, -50%);
                                                            transform: translate(-50%, -50%);
                                                            width: 40px;
                                                            height: 40px;
                                                            border-radius: 50%;
                                                            background: #8eba1c;
                                                            opacity: .46;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                            -webkit-transition-delay: .2s;
                                                            transition-delay: .2s;
                                                            z-index: -1;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li a:after {
                                                            content: "";
                                                            position: absolute;
                                                            top: 50%;
                                                            left: 50%;
                                                            -webkit-transform: translate(-50%, -50%);
                                                            transform: translate(-50%, -50%);
                                                            width: 50px;
                                                            height: 50px;
                                                            border-radius: 50%;
                                                            background: #8eba1c;
                                                            opacity: .46;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                            -webkit-transition-delay: .3s;
                                                            transition-delay: .3s;
                                                            z-index: -2;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li:hover a {
                                                            background: #ff8400;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li:hover a:before, .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li:hover a:after {
                                                            background: #ff8400;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li.active a {
                                                            background: #ff8400;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li.active a:before, .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li.active a:after {
                                                            background: #ff8400;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li.active .location-content {
                                                            display: block;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li .location-content {
                                                            display: none;
                                                            position: absolute;
                                                            right: 100%;
                                                            top: 50%;
                                                            width: 160px;
                                                            -webkit-transform: translateY(-50%);
                                                            transform: translateY(-50%);
                                                            text-align: center;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li .location-content h3 {
                                                            font-size: 16px;
                                                            color: white;
                                                            margin: 0;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li .location-content h3 b {
                                                            display: block;
                                                          }

                                                          .page-content .wrapper .columns.right-side .right-content .map-area .location-list ul li .location-content h2 {
                                                            color: #8eba1c;
                                                            font-size: 16px;
                                                            margin: 0;
                                                            font-weight: 900;
                                                          }

                                                          .page-content .wrapper .columns.right-side .social {
                                                            position: absolute;
                                                            left: -15px;
                                                            bottom: 35px;
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-align: center;
                                                            -ms-flex-align: center;
                                                            align-items: center;
                                                          }

                                                          .page-content .wrapper .columns.right-side .social a {
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-align: center;
                                                            -ms-flex-align: center;
                                                            align-items: center;
                                                            -webkit-box-pack: justify;
                                                            -ms-flex-pack: justify;
                                                            justify-content: space-between;
                                                          }

                                                          .page-content .wrapper .columns.right-side .social a i {
                                                            display: block;
                                                            width: 50px;
                                                            height: 50px;
                                                            line-height: 50px;
                                                            background: white;
                                                            border-radius: 50%;
                                                            color: #515151;
                                                            text-align: center;
                                                            -webkit-box-shadow: 0px 15px 32px 0px rgba(0, 0, 0, 0.46);
                                                            box-shadow: 0px 15px 32px 0px rgba(0, 0, 0, 0.46);
                                                            font-size: 24px;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                          }

                                                          .page-content .wrapper .columns.right-side .social a span {
                                                            margin-left: 8px;
                                                            color: white;
                                                            font-weight: 900;
                                                            font-size: 11px;
                                                          }

                                                          .page-content .wrapper .columns.right-side .social a:hover i {
                                                            background: #8eba1c;
                                                            color: white;
                                                          }

                                                          .page-content .wrapper .columns.right-side .social > ul {
                                                            position: absolute;
                                                            bottom: 100%;
                                                            margin-bottom: 10px;
                                                            display: none;
                                                            left: 0;
                                                          }

                                                          .page-content .wrapper .columns.right-side .social > ul li {
                                                            margin-top: 10px;
                                                          }

                                                          .page-content .wrapper .columns.right-side .social > ul li a {
                                                            color: #b0b0b0;
                                                          }

                                                          .page-content .wrapper .columns.right-side .img img {
                                                            width: 80%;
                                                            display: block;
                                                            margin: 0 auto;
                                                          }

                                                          .page-content .wrapper .columns.empty {
                                                            width: 27%;
                                                            height: 100vh;
                                                          }

                                                          .intro {
                                                            position: relative;
                                                            display: block;
                                                            height: 100vh;
                                                            /* -webkit-box-shadow: 0px 17px 18px 0px rgba(0, 0, 0, 0.3); */
                                                            /* box-shadow: 0px 17px 18px 0px rgba(0, 0, 0, 0.3); */
                                                          }

                                                          .intro .locations {
                                                            position: absolute;
                                                            top: 0;
                                                            left: 0;
                                                            width: 100%;
                                                            height: 100%;
                                                            z-index: 2;
                                                          }

                                                          .intro .locations ul li {
                                                            position: absolute;
                                                          }

                                                          .intro .locations ul li a.plus {
                                                            display: block;
                                                            width: 30px;
                                                            height: 30px;
                                                            line-height: 30px;
                                                            color: white;
                                                            background: #5f3313;
                                                            border-radius: 50%;
                                                            text-align: center;
                                                            font-size: 22px;
                                                            font-weight: 800;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                            cursor: pointer;
                                                          }

                                                          .intro .locations ul li a.plus span {
                                                            position: relative;
                                                            z-index: 1;
                                                          }

                                                          .intro .locations ul li a.plus:before {
                                                            content: "";
                                                            position: absolute;
                                                            top: 50%;
                                                            left: 50%;
                                                            -webkit-transform: translate(-50%, -50%);
                                                            transform: translate(-50%, -50%);
                                                            width: 37px;
                                                            height: 37px;
                                                            border-radius: 50%;
                                                            background: #5f3313;
                                                            opacity: .46;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                            -webkit-transition-delay: .2s;
                                                            transition-delay: .2s;
                                                          }

                                                          .intro .locations ul li a.plus:after {
                                                            content: "";
                                                            position: absolute;
                                                            top: 50%;
                                                            left: 50%;
                                                            -webkit-transform: translate(-50%, -50%);
                                                            transform: translate(-50%, -50%);
                                                            width: 45px;
                                                            height: 45px;
                                                            border-radius: 50%;
                                                            background: #5f3313;
                                                            opacity: .46;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                            -webkit-transition-delay: .3s;
                                                            transition-delay: .3s;
                                                          }

                                                          .intro .locations ul li .content {
                                                            position: absolute;
                                                            z-index: 11;
                                                            opacity: 0;
                                                            visibility: hidden;
                                                            bottom: 100%;
                                                            margin-bottom: 45px;
                                                            left: 100%;
                                                            margin-left: 20px;
                                                            width: 240px;
                                                            line-height: 1;
                                                            height: 80px;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                            background: white;
                                                            border-radius: 15px;
                                                            padding: 0 15px;
                                                            color: #5f3313;
                                                            font-weight: 900;
                                                            font-size: 18px;
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-align: center;
                                                            -ms-flex-align: center;
                                                            align-items: center;
                                                            -webkit-box-shadow: 0px 17px 18px 0px rgba(0, 0, 0, 0.75);
                                                            box-shadow: 0px 17px 18px 0px rgba(0, 0, 0, 0.75);
                                                          }

                                                          .intro .locations ul li .content i {
                                                            font-size: 45px;
                                                            margin-right: 20px;
                                                            font-weight: normal;
                                                            color: #5f3313;
                                                          }

                                                          .intro .locations ul li:before {
                                                            content: "";
                                                            position: absolute;
                                                            left: 50%;
                                                            bottom: 100%;
                                                            margin-bottom: 10px;
                                                            width: 25px;
                                                            height: 85px;
                                                            border-left: 1px dashed white;
                                                            border-top: 1px dashed white;
                                                            opacity: 0;
                                                            visibility: hidden;
                                                            -webkit-transition: .4s;
                                                            transition: .4s;
                                                            z-index: 111;
                                                          }

                                                          .intro .locations ul li:hover a, .intro .locations ul li.active a {
                                                            background: #8eba1c;
                                                          }

                                                          .intro .locations ul li:hover a:before, .intro .locations ul li:hover a:after, .intro .locations ul li.active a:before, .intro .locations ul li.active a:after {
                                                            background: #8eba1c;
                                                          }

                                                          .intro .locations ul li:hover .content, .intro .locations ul li.active .content {
                                                            opacity: 1;
                                                            visibility: visible;
                                                          }

                                                          .intro .locations ul li:hover:before, .intro .locations ul li.active:before {
                                                            opacity: 1;
                                                            visibility: visible;
                                                          }

                                                          .intro .bottom-logo {
                                                            position: absolute;
                                                            bottom: 0;
                                                            left: 0;
                                                            width: 100%;
                                                            height: 320px;
                                                            background: url("../img/background/intro-bottom.png") no-repeat bottom center;
                                                            background-size: cover;
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-align: end;
                                                            -ms-flex-align: end;
                                                            align-items: flex-end;
                                                            padding-bottom: 20px;
                                                          }

                                                          .intro .bottom-logo .wrapper {
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-align: left;
                                                            -ms-flex-align: center;
                                                            align-items: center;
                                                            -webkit-box-pack: end;
                                                            -ms-flex-pack: end;
                                                            justify-content: start;
                                                          }

                                                          .intro .bottom-logo .wrapper .item {
                                                            display: none;
                                                          }

                                                          .intro .bottom-logo .wrapper .item:last-child {
                                                            display: block;
                                                          }

                                                          .fancybox-close-small {
                                                            font-weight: 900;
                                                            color: white;
                                                            opacity: 1;
                                                            width: auto;
                                                            display: -webkit-box;
                                                            display: -ms-flexbox;
                                                            display: flex;
                                                            -webkit-box-align: center;
                                                            -ms-flex-align: center;
                                                            align-items: center;
                                                            padding: 12px;
                                                            font-size: 17px;
                                                            background: none !important;
                                                            top: auto !important;
                                                            bottom: 100% !important;
                                                            width: auto !important;
                                                          }

                                                          @media screen and (max-height: 700px) {
                                                            header .header-wrapper .logo .side-links ul li {
                                                              margin-top: 5px;
                                                            }
                                                            header .header-wrapper .logo .side-links ul li a i {
                                                              height: 60px;
                                                              line-height: 60px;
                                                            }
                                                            header .header-wrapper .logo .side-links ul li a span {
                                                              height: 60px;
                                                            }

                                                            header .header-wrapper .logo .side-links ul li:last-child a {
                                                              padding: 10px 0;
                                                            }
                                                            .page-content .wrapper .columns.empty {
                                                              width: 24%;
                                                            }
                                                            .page-content .wrapper .columns.content {
                                                              width: 73%;
                                                            }
                                                            .page-content .wrapper .columns.content .title-area .title h3 {
                                                              font-size: 32px;
                                                            }
                                                            .page-content .wrapper .columns.content .title-area .title h2 {
                                                              font-size: 49px;
                                                            }
                                                            .page-content .wrapper .columns.content .title-area .title:before {
                                                              font-size: 155px;
                                                            }
                                                            .page-content .wrapper .columns.content .inner {
                                                              margin-top: 0;
                                                              height: 70vh;
                                                            }
                                                            .page-content .wrapper .columns.right-side .right-content .map-area .location-list {
                                                              min-height: 235px;
                                                            }
                                                            .page-content .wrapper .columns.right-side .img img {
                                                              width: 50%;
                                                              height: auto;
                                                            }
                                                            body.page-in .page-content .wrapper .columns.content .inner {
                                                              height: 68vh;
                                                            }
                                                          }

                                                          @media screen and (max-width: 1200px) {
                                                            header .header-wrapper .logo {
                                                              width: 22%;
                                                              margin-left: 10px;
                                                            }
                                                            header .header-wrapper .logo .side-links ul {
                                                              padding-top: 170px;
                                                              -ms-flex-pack: distribute;
                                                              justify-content: space-around;
                                                            }
                                                            header .header-wrapper .logo .side-links ul li a i {
                                                              height: 100px;
                                                              line-height: 100px;
                                                            }
                                                            header .header-wrapper .logo .side-links ul li a span {
                                                              height: 100px;
                                                            }
                                                            header .header-wrapper .logo .side-links ul:before {
                                                              top: 5%;
                                                              height: 95%;
                                                            }
                                                            .page-content .wrapper .columns.empty {
                                                              width: 33%;
                                                            }
                                                            .page-content .wrapper .columns.content {
                                                              width: 67%;
                                                            }
                                                            .page-content .wrapper .columns.content .inner {
                                                              height: 78vh;
                                                            }
                                                            .page-content .wrapper .columns.right-side {
                                                              display: none !important;
                                                            }
                                                          }

                                                          @media screen and (max-width: 900px) {
                                                            header .header-wrapper .logo .side-links {
                                                              display: none;
                                                            }
                                                            header .header-wrapper .menu {
                                                              width: 80%;
                                                            }
                                                            header .header-wrapper .menu .social {
                                                              display: none;
                                                            }
                                                            header.page {
                                                              background: white;
                                                              position: fixed;
                                                              -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
                                                              animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
                                                            }
                                                            .page-content .wrapper .columns {
                                                              height: auto;
                                                            }
                                                            .page-content .wrapper .columns.empty {
                                                              display: none;
                                                            }
                                                            .page-content .wrapper .columns.content {
                                                              width: 100%;
                                                              padding: 0px !important;
                                                            }
                                                            .page-content .wrapper .columns.content .title-area .title {
                                                              width: 100%;
                                                              text-align: center;
                                                              padding: 0px 0 65px;
                                                              background-repeat: no-repeat !important;
                                                              background-position: bottom center !important;
                                                              background-size: cover !important;
                                                              /* background-color: #765136; */
                                                              background: url("../img/background/lezzet-bg.png") no-repeat center center;
                                                            }
                                                            .page-content .wrapper .columns.content .title-area .title h2 {
                                                              font-size: 80px;
                                                            }
                                                            .page-content .wrapper .columns.content .title-area .title h2, .page-content .wrapper .columns.content .title-area .title h3 {
                                                              color: white;
                                                              position: relative;
                                                              z-index: 2;
                                                              top: -10px;
                                                              font-size: 42px;
                                                            }
                                                            .page-content .wrapper .columns.content .title-area .title:before {
                                                              left: auto;
                                                              top: -29px;
                                                              color: white;
                                                              z-index: 1;
                                                              font-size: 88px;
                                                              -webkit-transform: translateX(-50%);
                                                              transform: translateX(-50%);
                                                            }
                                                            .page-content .wrapper .columns.content .title-area .others {
                                                              position: relative;
                                                              top: 0;
                                                              width: 50%;
                                                              margin: 40px auto 20px;
                                                            }
                                                            .page-content .wrapper .columns.content .title-area .others span {
                                                              display: block;
                                                              width: 100%;
                                                              border-radius: 10px;
                                                            }
                                                            .page-content .wrapper .columns.content .title-area .others span:before {
                                                              border-radius: 10px;
                                                            }
                                                            .page-content .wrapper .columns.content .inner {
                                                              height: auto;
                                                              overflow: visible;
                                                              padding: 50px;
                                                            }
                                                            .section .page-content .wrapper .columns.content .title-area .title {
                                                              margin-top: 70px;
                                                            }
                                                            .page-content .wrapper .columns.content .inner.form ul li {
                                                              margin-bottom: 10px;
                                                            }
                                                            .page-content .wrapper .columns.content .inner.form .checkbox {
                                                              margin-top: 20px;
                                                            }
                                                            .page-content .wrapper .columns.content .inner.form .checkbox label {
                                                              margin: 0;
                                                            }
                                                            .intro .locations {
                                                              display: none;
                                                            }
                                                            .section.lezzet .page-content .wrapper .columns.content .title-area .title {
                                                              background-image: url("../img/background/lezzet-bg.png");
                                                            }
                                                            .section.spor .page-content .wrapper .columns.content .title-area .title {
                                                              background-image: url("../img/background/spor-bg.png");
                                                            }
                                                            .section.eglence .page-content .wrapper .columns.content .title-area .title {
                                                              background-image: url("../img/background/eglence-bg.png");
                                                            }
                                                            .section.aktivite .page-content .wrapper .columns.content .title-area .title {
                                                              background-image: url("../img/background/aktivite-bg.png");
                                                            }
                                                            .intro .bottom-logo {
                                                              background: url("../img/background/mobil-intro.png") no-repeat center center;
                                                              background-size: cover;
                                                              height: 250px;
                                                              padding-bottom: 30px;
                                                            }
                                                            .intro .bottom-logo .wrapper {
                                                              -ms-flex-pack: distribute;
                                                              justify-content: space-around;
                                                            }
                                                            .intro .bottom-logo .wrapper .item {
                                                              display: block;
                                                              width: 46%;
                                                            }
                                                            .intro .bottom-logo .wrapper .item a img {
                                                              width: 100%;
                                                            }
                                                            .intro .bottom-logo .wrapper .item:nth-child(2) {
                                                              text-align: center;
                                                            }
                                                            .intro .bottom-logo .wrapper .item:nth-child(2) a h3 {
                                                              font-size: 28px;
                                                              color: #5f3313;
                                                            }
                                                            .intro .bottom-logo .wrapper .item:nth-child(2) a h3 b {
                                                              display: block;
                                                            }
                                                            .intro .bottom-logo .wrapper .item:nth-child(2) a span {
                                                              display: block;
                                                              margin: 0 auto;
                                                              margin-top: 20px;
                                                              width: 36px;
                                                              height: 44px;
                                                              background: url("../img/icons/arrow-down.png") no-repeat center center;
                                                              background-size: cover;
                                                              -webkit-animation: mover 2s infinite;
                                                              animation: mover 2s infinite;
                                                            }
                                                            .intro .bottom-logo .wrapper .item:last-child {
                                                              text-align: left;
                                                            }
                                                            header .header-wrapper .menu .openMenu > a:hover {
                                                              color: white;
                                                            }
                                                            header .header-wrapper .menu .openMenu > a.active:hover {
                                                              color: #8eba1c;
                                                            }
                                                            .section.lezzet .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item h4 {
                                                              color: #8eba1c;
                                                            }
                                                            .section.lezzet .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a.active, .section.lezzet .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:hover {
                                                              color: #8eba1c;
                                                            }
                                                            .section.lezzet .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:before {
                                                              background-color: #8eba1c;
                                                            }
                                                            .section.eglence .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item h4 {
                                                              color: #5f3313;
                                                            }
                                                            .section.eglence .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a.active, .section.eglence .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:hover {
                                                              color: #5f3313;
                                                            }
                                                            .section.eglence .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:before {
                                                              background-color: #5f3313;
                                                            }
                                                            .section.spor .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item h4 {
                                                              color: #35a4d2;
                                                            }
                                                            .section.spor .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a.active, .section.spor .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:hover {
                                                              color: #35a4d2;
                                                            }
                                                            .section.spor .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:before {
                                                              background-color: #35a4d2;
                                                            }
                                                            .section.aktivite .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item h4 {
                                                              color: #0b8bbc;
                                                            }
                                                            .section.aktivite .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a.active, .section.aktivite .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:hover {
                                                              color: #0b8bbc;
                                                            }
                                                            .section.aktivite .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li a:before {
                                                              background-color: #0b8bbc;
                                                            }
                                                          }

                                                          @media screen and (max-width: 475px) {
                                                            header .header-wrapper .menu .openMenu .main-menu {
                                                              -webkit-box-orient: vertical;
                                                              -webkit-box-direction: normal;
                                                              -ms-flex-direction: column;
                                                              flex-direction: column;
                                                              padding: 20px;
                                                              text-align: center;
                                                              z-index: -1;
                                                              margin-top: 37px;
                                                            }
                                                            header .header-wrapper .menu .openMenu .main-menu #menu {
                                                              width: 100%;
                                                              border: none;
                                                            }
                                                            header .header-wrapper .menu .openMenu .main-menu a {
                                                              width: 100%;
                                                              padding: 0;
                                                              -webkit-box-pack: center;
                                                              -ms-flex-pack: center;
                                                              justify-content: center;
                                                              margin-top: 20px;
                                                            }
                                                            header .header-wrapper {
                                                              padding-top: 10px;
                                                            }
                                                            header .header-wrapper .logo {
                                                              position: absolute;
                                                              top: 0px;
                                                              left: 23%;
                                                              width: 121px;
                                                              -webkit-transform: translateX(-45%);
                                                              transform: translateX(-45%);
                                                            }
                                                            header .header-wrapper .logo a img {
                                                              width: 133px;
                                                              left: 61%;
                                                              top: 0px;
                                                            }

                                                            header .header-wrapper .menu .openMenu .main-menu #menu > ul > li {
                                                              margin-bottom:0px;
                                                              padding: 0px;
                                                              display: block;
                                                            }
                                                            header .header-wrapper .menu .login > a i {
                                                              font-size: 18px;
                                                              margin-right: 0px;
                                                              font-weight: normal;
                                                            }
                                                            header .header-wrapper .menu {
                                                              width: 100%;
                                                              -webkit-box-pack: justify;
                                                              -ms-flex-pack: justify;
                                                              justify-content: space-between;
                                                            }
                                                            header .header-wrapper .menu .lang {
                                                              display: none;
                                                            }
                                                            header .header-wrapper .menu .login a {
                                                              padding: 0;
                                                            }
                                                            header .header-wrapper .menu .login a i {
                                                              line-height: 1;
                                                            }
                                                            header .header-wrapper .menu .login .login-form {
                                                              left: 0;
                                                              -webkit-transform: translateX(0);
                                                              transform: translateX(0);
                                                            }
                                                            .intro .bottom-logo {
                                                              height: 140px;
                                                              padding-bottom: 0;
                                                            }
                                                            .mcontinue{font-size:20px;
                                                              color: #063e4e;}
                                                              .intro .bottom-logo .wrapper .item:nth-child(2) a h3 {
                                                                font-size: 20px;
                                                                line-height: 1;
                                                              }
                                                              .intro .bottom-logo .wrapper .item:nth-child(2) a span {
                                                                width: 27px;
                                                                height: 33px;
                                                                margin-top: 0;
                                                              }
                                                              .page-content {
                                                                overflow-x: hidden;
                                                              }
                                                              .page-content .wrapper .columns.content .title-area .title:before {
                                                                font-size: 70px;
                                                                padding-top: 52px;
                                                                /* padding-left: 0px; */
                                                              }
                                                              .page-content .wrapper .columns.content .title-area .others {
                                                                width: 92%;
                                                                margin: 40px 0 20px;
                                                              }
                                                              .page-content .wrapper .columns.content .inner {
                                                                padding: 15px;
                                                                margin: 0;
                                                                text-align: center;
                                                              }
                                                              .page-content .wrapper .columns.content .inner.detail .tab-content .links ul {
                                                                -webkit-box-pack: center;
                                                                -ms-flex-pack: center;
                                                                justify-content: center;
                                                              }
                                                              .page-content .wrapper .columns.content .inner.detail .tab-content .links ul li {
                                                                margin: 0px 6px;
                                                              }
                                                              .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus {
                                                                width: 100%;
                                                              }
                                                              .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf {
                                                                display: none;
                                                              }
                                                              .page-content .wrapper .columns.content .inner.detail .tab-content .properties {
                                                                -webkit-box-pack: center;
                                                                -ms-flex-pack: center;
                                                                justify-content: center;
                                                              }
                                                              .page-content .wrapper .columns.content .inner.detail .tab-content .properties .item {
                                                                width: 100%;
                                                                padding-top: 20px;height: 140px;font-size: 13px;margin-bottom: 10px;
                                                              }
                                                              .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header {
                                                                text-align: left;
                                                              }
                                                              .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons {
                                                                text-align: center;
                                                              }
                                                              .page-content .wrapper .columns.content .inner.detail .tab-content .section-title ul.services li {
                                                                text-align: left;
                                                              }
                                                              header .header-wrapper .menu .login .login-form:before {
                                                                left: 30%;
                                                                -webkit-transform: translateX(0) rotate(45deg);
                                                                transform: translateX(0) rotate(45deg);
                                                              }
                                                              .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment {
                                                                text-align: left;
                                                              }
                                                              .page-content .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .comment-list .single-comment .comment-header .likes a.item span {
                                                                display: none;
                                                              }
                                                              .page-content .wrapper .columns.content .inner.contact ul.contact-info li {
                                                                text-align: left;
                                                              }
                                                            }

                                                            @media screen and (max-width: 330px) {
                                                              .page-content .wrapper .columns.content {
                                                                width: 100%;
                                                              }
                                                              .page-content .wrapper .columns.content .inner {
                                                                height: auto;
                                                                overflow: visible;
                                                              }
                                                            }

                                                            .lds-ring {
                                                              display: inline-block;
                                                              position: relative;
                                                              width: 80px;
                                                              height: 80px;
                                                            }
                                                            .lds-ring div {
                                                              box-sizing: border-box;
                                                              display: block;
                                                              position: absolute;
                                                              width: 44px;
                                                              height: 44px;
                                                              margin: 8px;
                                                              border: 8px solid #063f4f;
                                                              border-radius: 50%;
                                                              animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
                                                              border-color: #063f4f transparent transparent transparent;
                                                            }
                                                            .lds-ring div:nth-child(1) {
                                                              animation-delay: -0.45s;
                                                            }
                                                            .lds-ring div:nth-child(2) {
                                                              animation-delay: -0.3s;
                                                            }
                                                            .lds-ring div:nth-child(3) {
                                                              animation-delay: -0.15s;
                                                            }
                                                            @keyframes lds-ring {
                                                              0% {
                                                                transform: rotate(0deg);
                                                              }
                                                              100% {
                                                                transform: rotate(360deg);
                                                              }
                                                            }


                                                            .other-buttons{
                                                              width: 100%;
                                                              position: relative;
                                                              margin-top: 10px;
                                                              display: block;text-align: center;
                                                            }
                                                            .other-buttons p{
                                                              font-weight: bold;
                                                              font-size: 12px;
                                                              margin-top: 10px;
                                                              margin-bottom: 0;
                                                            }
                                                            .other-buttons .register-btn{
                                                              font-size: 15px;
                                                              color: #063f4f;
                                                              font-weight: bold;
                                                              text-transform: uppercase;
                                                            }
                                                            button.facebook-login{
                                                              font-size: 12px;
                                                              color: white;
                                                              display: flex;
                                                              align-items: center;
                                                              justify-content: center;
                                                              width: 100%;
                                                              padding: 0;
                                                              font-weight: 900;
                                                              border: none;
                                                              height: 40px;
                                                              border-radius: 10px;
                                                              line-height: 40px;
                                                              text-align: center;
                                                              background: #3b5998;
                                                              -webkit-transition: .4s;
                                                              transition: .4s;
                                                            }
                                                            button.facebook-login i{
                                                              position: absolute;
                                                              left: 12px;
                                                              font-size: 18px;
                                                            }
                                                            button.facebook-login span{
                                                              display: block;margin-right:-15px;
                                                            }

                                                            .owl-carousel .owl-item img{
                                                              height: 240px;
                                                              object-fit: cover;
                                                              padding: 15px;
                                                            }

                                                            .logout-btn{
                                                              color: #063c4b;
                                                              font-weight: bold;
                                                              display: block;
                                                              width: 100%;
                                                              background-color: #f5f5f5;
                                                              padding: 8px 10px;
                                                              border-radius: 8px;
                                                              text-align: center;
                                                              text-transform: uppercase;
                                                            }
                                                            .logout-btn:hover{
                                                              color: #063c4a;
                                                            }
                                                            label.error, label.errors ,#email_valid,#email_valid1, #login-valid{
                                                              color: red;
                                                              font-size: 12px;
                                                              display: block;
                                                              margin-top: 5px;text-align: center;
                                                              margin-bottom: 5px;
                                                            }
                                                            #login-valid.success{color:green !important;}
                                                            .modal-body{max-height: 50vh;overflow-y: scroll;}
                                                            .modal-content{font-size:12px;}
                                                            .checkbox span{cursor:pointer;}


                                                            @media (min-width: 1800px) {
                                                              .page-content .wrapper .columns.empty{
                                                                width:29%;
                                                              }
                                                              .page-content .wrapper .columns.content{
                                                                width:45%;
                                                              }
                                                              .page-content .wrapper .columns.right-side{
                                                                width: 26%;
                                                              }
                                                            }
                                                            @media (min-width: 1900px) {
                                                              .page-content .wrapper .columns.empty{
                                                                width: 10%;
                                                              }
                                                              .page-content .wrapper .columns.content{
                                                                width: 60%;
                                                                left: 100px;
                                                                top: 106px;
                                                              }
                                                              .page-content .wrapper .columns.right-side{
                                                                width: 30%;
                                                                right: -10%;}
                                                              }
                                                              @media (min-width: 2100px) {
                                                                .page-content .wrapper .columns.empty{
                                                                  width: 14%;
                                                                }
                                                                .page-content .wrapper .columns.content{
                                                                  width: 56%;
                                                                }
                                                                .page-content .wrapper .columns.content.sayfalar{
                                                                  width: 56%!important;
                                                                  margin: auto;
                                                                }
                                                                .page-content .wrapper .columns.right-side{
                                                                  width: 45%;
                                                                }
                                                              }
                                                              @media (min-width: 2200px) {
                                                                .page-content .wrapper .columns.empty{
                                                                  width:33%;
                                                                }
                                                                .page-content .wrapper .columns.content{
                                                                  width:42%;
                                                                }
                                                                .page-content .wrapper .columns.right-side{
                                                                  width: 25%;
                                                                }
                                                              }
                                                              @media (min-width: 2400px) {
                                                                .page-content .wrapper .columns.empty{
                                                                  width:34%;
                                                                }
                                                                .page-content .wrapper .columns.content{
                                                                  width:41%;
                                                                }
                                                                .page-content .wrapper .columns.right-side{
                                                                  width: 25%;
                                                                }
                                                              }
                                                              @media (min-width: 2500px) {
                                                                .page-content .wrapper .columns.empty{
                                                                  width:35%;
                                                                }
                                                                .page-content .wrapper .columns.content{
                                                                  width:40%;
                                                                }
                                                                .page-content .wrapper .columns.right-side{
                                                                  width: 25%;
                                                                }
                                                              }
                                                              @media (min-width: 2700px) {
                                                                .page-content .wrapper .columns.empty{
                                                                  width:36%;
                                                                }
                                                                .page-content .wrapper .columns.content{
                                                                  width:39%;
                                                                }
                                                                .page-content .wrapper .columns.right-side{
                                                                  width: 25%;
                                                                }
                                                              }
                                                              @media (min-width: 2900px) {
                                                                .page-content .wrapper .columns.empty{
                                                                  width:37%;
                                                                }
                                                                .page-content .wrapper .columns.content{
                                                                  width:38%;
                                                                }
                                                                .page-content .wrapper .columns.right-side{
                                                                  width: 25%;
                                                                }
                                                              }

                                                              .card {
                                                                margin: 0;
                                                                -webkit-column-break-inside: avoid;
                                                                /* Chrome, Safari */
                                                                page-break-inside: avoid;
                                                                /* Theoretically FF 20+ */
                                                                break-inside: avoid-column;
                                                                /* IE 11 */
                                                                cursor: pointer;
                                                                background-color: #fff;
                                                                width: 100%;
                                                                padding: 10px;
                                                                overflow: hidden;
                                                                border: 1px solid #eaeaea;
                                                                border-radius: 8px;
                                                                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                                                                margin-bottom: 15px;
                                                              }
                                                              .card-image {
                                                                overflow: hidden;
                                                                display: flex;
                                                                justify-content: center;
                                                                align-items: center;
                                                                border-radius: 4px;
                                                                transition: box-shadow ease 0.35s;
                                                                margin-bottom: 10px;
                                                              }
                                                              .card-image img {
                                                                width: 100%;
                                                                /* height: 289px; */
                                                                /* object-fit: cover; */
                                                              }
                                                              .card-image:hover {
                                                                /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); */
                                                              }
                                                              .card-body {
                                                                padding: 0;
                                                                margin-top:8px;
                                                              }
                                                              .card-body h2 {
                                                                margin-bottom: 5px;
                                                                font-size: 18px;
                                                              }
                                                              .padcol{padding: 4px 10px}
                                                              .agapark-info{    position: absolute;
                                                                width: 100%;
                                                                height: 80%;
                                                                display: -webkit-box;
                                                                display: -ms-flexbox;
                                                                display: flex;
                                                                -webkit-box-align: center;
                                                                -ms-flex-align: center;
                                                                align-items: center;
                                                                padding-bottom: 20px;}
                                                                .gallery-link, .info-work{
                                                                  display: flex;
                                                                  background: rgb(137 179 27 / 78%);
                                                                  width: 315px;
                                                                  float: right;
                                                                  align-items: center;
                                                                  justify-content: center;
                                                                  padding: 22px 9px;
                                                                  border-radius: 120px;
                                                                  margin-top: 26px;
                                                                  text-align: right;
                                                                }
                                                                .gallery-text{
                                                                  color: #fff;
                                                                  float: left;
                                                                  flex: 1;
                                                                }
                                                                .gallery-text span{    display: block;
                                                                  font-weight: 800;}
                                                                  .gallery-icon img{
                                                                    -moz-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
                                                                    -webkit-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
                                                                    -o-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
                                                                    -ms-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
                                                                    transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
                                                                    width: 76px;
                                                                    position: relative;
                                                                    right: -23px;
                                                                  }
                                                                  .info-item{display: inline-block;width: 10%;}
                                                                  .info-item a{display: flow-root}
                                                                  .gallery-icon{width: 65px;}
                                                                  #whours{display: none;height: 137px;position: absolute}
                                                                  .working-hours{position: absolute;right:0;display: inline-flex;background: rgba(6, 62, 79, 0.70);border-radius: 10px;width: 360px;align-items: center;
                                                                  }
                                                                  .working-hours.open{display: inline-flex !important;}

                                                                  .working-hours .iconhours{flex: 1;position: relative;left: -30px;display: flex;align-items: center;padding: 20px 5px;}
                                                                  .wh-details{flex:5;padding-right: 20px;}
                                                                  .wh-details .hours{    border-bottom: 1px solid #5d7d86;}
                                                                  .wh-details .hours, .wh-details .money{display:flex;align-items: center;justify-content: center;}
                                                                  .wh-details .hours p, .wh-details .money p{margin-bottom: 0;    width: 50%;color:#fff;text-align: left;    font-weight: 800;padding: 10px 0;position: relative}
                                                                  .wh-details .hours p:first-child:before{content:'';position:absolute;right:10%;width: 1px;height: 70%;top:15%;background-color: #5d7d86;}
                                                                  .wh-details .hours p span, .wh-details .money p span{display: block;font-weight: 500;}
                                                                  @media (max-width: 768px) {

                                                                    ul.contact-info, .page-content .wrapper .columns.content .inner.contact .map{
                                                                      float: none;
                                                                      width: 100%;
                                                                      padding: 0;
                                                                    }
                                                                    .page-content .wrapper .columns.content .inner{
                                                                      width:100%;
                                                                    }
                                                                    .page-content .wrapper .columns.content .inner.form.contact-form{
                                                                      padding: 10px;
                                                                      margin-top:10px;
                                                                    }
                                                                    .page-content .wrapper .columns.content .inner.form .buttons{
                                                                      display: block;
                                                                    }
                                                                    .page-content .wrapper .columns.content .inner.form .buttons span.captcha{
                                                                      display: block;
                                                                      margin-bottom: 15px;
                                                                    }
                                                                    .page-content .wrapper .columns.content .inner.form .buttons button[type="submit"]{
                                                                      width: 100%;
                                                                      margin: 0;
                                                                    }
                                                                    .gallery-link, .info-work{
                                                                      float: none;
                                                                      margin: 10px auto;
                                                                    }
                                                                    #whours{    width: 76%;
                                                                      position: absolute;
                                                                      left: 12%;
                                                                      right: 0;height: auto;}
                                                                      .wh-details{    font-size: 12px;
                                                                        padding-right: 0;
                                                                        width: 100%;
                                                                        left: -10px;
                                                                        position: relative;}

                                                                      }

                                                                      .page-contentsayfa {
                                                                        background: url("../img/background/page-inner.png") bottom left;
                                                                        background-repeat-x: repeat;background-repeat-y: no-repeat;background-attachment: fixed;}

                                                                        .page-contentsayfa .wrapper {
                                                                          display: -webkit-box;
                                                                          display: -ms-flexbox;
                                                                          display: flex;
                                                                          -webkit-box-align: start;
                                                                          -ms-flex-align: start;
                                                                          align-items: flex-start;
                                                                        }

                                                                        .page-contentsayfa .wrapper .columns {
                                                                          height: max-content;
                                                                          padding-top: 90px !important;
                                                                        }

                                                                        .page-contentsayfa .wrapper .columns.content {
                                                                          width: 90%;
                                                                          padding: 40px;
                                                                          top: 40px;position: relative;
                                                                          z-index: 11;
                                                                        }

                                                                        .page-contentsayfa .wrapper .columns.content .title-area .title {
                                                                          position: relative;
                                                                          width: 70%;
                                                                          left: 141px;}

                                                                          .page-contentsayfa .wrapper .columns.content .title-area .title h3 {
                                                                            color: #181818;
                                                                            font-size: 32px;
                                                                            line-height: 1;
                                                                            letter-spacing: -2px;
                                                                            margin: 0;
                                                                            padding-top: 68px;
                                                                          }

                                                                          .page-contentsayfa .wrapper .columns.content .title-area .title h2 {
                                                                            color: #181818;
                                                                            font-size: 115px;
                                                                            line-height: 0.9;
                                                                            margin: 0;
                                                                            font-weight: 900;
                                                                            letter-spacing: 0px;
                                                                          }

                                                                          .page-contentsayfa .wrapper .columns.content .title-area .title:before {
                                                                            content: attr(data-title);
                                                                            position: absolute;
                                                                            left: -7px;
                                                                            top: 23px;
                                                                            font-size: 180px;
                                                                            line-height: 1;
                                                                            color: #474747;
                                                                            letter-spacing: 10px;
                                                                            opacity: .09;
                                                                            font-weight: 900;
                                                                            z-index: -1;
                                                                            text-transform: uppercase;}

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others {
                                                                              position: absolute;
                                                                              right: -15px;
                                                                              top: 120px;
                                                                              z-index: 1;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others span {
                                                                              display: block;
                                                                              cursor: pointer;
                                                                              padding: 0px 25px 15px;
                                                                              background: #ee7700;
                                                                              border-top-left-radius: 10px;
                                                                              border-bottom-left-radius: 10px;
                                                                              color: white;
                                                                              width: 200px;
                                                                              position: relative;
                                                                              font-size: 16px;
                                                                              -webkit-transition: .4s;
                                                                              transition: .4s;
                                                                              z-index: -1;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others span:before {
                                                                              content: "";
                                                                              position: absolute;
                                                                              z-index: -2;
                                                                              -webkit-transition: .4s;
                                                                              transition: .4s;
                                                                              bottom: 10px;
                                                                              border-top-left-radius: 15px;
                                                                              border-bottom-left-radius: 15px;
                                                                              left: 0;
                                                                              background: #8eba1c;
                                                                              width: 100%;
                                                                              height: 100%;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others span b {
                                                                              display: block;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others span.active {
                                                                              -webkit-transform: translateY(5px);
                                                                              transform: translateY(5px);
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others span.active::before {
                                                                              -webkit-transform: translateY(5px);
                                                                              transform: translateY(5px);
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others span.active:after {
                                                                              -webkit-transform: rotate(135deg);
                                                                              transform: rotate(135deg);
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others span:after {
                                                                              content: "";
                                                                              position: absolute;
                                                                              right: 25px;
                                                                              top: 30%;
                                                                              -webkit-transition: .4s;
                                                                              transition: .4s;
                                                                              -webkit-transform: rotate(45deg);
                                                                              transform: rotate(45deg);
                                                                              width: 10px;
                                                                              height: 10px;
                                                                              border-top: 2px solid white;
                                                                              border-right: 2px solid white;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others ul {
                                                                              position: absolute;
                                                                              display: none;
                                                                              top: 100%;
                                                                              padding: 10px 25px;
                                                                              left: 0;
                                                                              background: white;
                                                                              margin-top: -10px;
                                                                              border-bottom-left-radius: 10px;
                                                                              width: 100%;
                                                                              z-index: -2;
                                                                              -webkit-box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.9);
                                                                              box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.9);
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others ul li a {
                                                                              display: block;
                                                                              font-weight: 800;
                                                                              color: #181818;
                                                                              font-size: 16px;
                                                                              padding: 15px 0;
                                                                              padding-left: 25px;
                                                                              -webkit-transition: .4s;
                                                                              transition: .4s;
                                                                              position: relative;
                                                                              border-bottom: 1px dashed #cacaca;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others ul li a:before {
                                                                              content: "";
                                                                              position: absolute;
                                                                              top: 50%;
                                                                              left: 0;
                                                                              -webkit-transform: translateY(-50%);
                                                                              transform: translateY(-50%);
                                                                              width: 16px;
                                                                              height: 16px;
                                                                              background: url("../img/icons/checkbox3.png") no-repeat top center;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others ul li a:hover {
                                                                              color: #8eba1c;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others ul li:last-child a {
                                                                              border: none;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others ul li.active a {
                                                                              color: #8eba1c;
                                                                              font-weight: 900;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .title-area .others ul li.active a:before {
                                                                              background: url("../img/icons/checkbox3.png") no-repeat bottom center;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner {
                                                                              padding: 15px;
                                                                              padding-left: 0;
                                                                              overflow-y: auto;
                                                                              overflow-x: hidden;

                                                                              min-height: 100vh;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.cnt p {
                                                                              text-align: justify;
                                                                              font-size: 15px;
                                                                              color: #454545;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .input {
                                                                              margin-bottom: 15px;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .input input {
                                                                              width: 100%;
                                                                              height: 50px;
                                                                              border-radius: 15px;
                                                                              border: none;
                                                                              border: 2px solid #acacac;
                                                                              padding: 0 20px;
                                                                              text-align: center;
                                                                              font-weight: 900;
                                                                              font-size: 15px;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .input textarea::-webkit-input-placeholder {
                                                                              font-size: 15px;
                                                                              color: #242424;
                                                                              font-weight: 400;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .input textarea:-ms-input-placeholder {
                                                                              font-size: 15px;
                                                                              color: #242424;
                                                                              font-weight: 400;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .input textarea::-ms-input-placeholder {
                                                                              font-size: 15px;
                                                                              color: #242424;
                                                                              font-weight: 400;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .input textarea::placeholder {
                                                                              font-size: 15px;
                                                                              color: #242424;
                                                                              font-weight: 400;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .input input::-webkit-input-placeholder {
                                                                              font-size: 15px;
                                                                              color: #242424;
                                                                              font-weight: 400;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .input input:-ms-input-placeholder {
                                                                              font-size: 15px;
                                                                              color: #242424;
                                                                              font-weight: 400;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .input input::-ms-input-placeholder {
                                                                              font-size: 15px;
                                                                              color: #242424;
                                                                              font-weight: 400;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .input input::placeholder {
                                                                              font-size: 15px;
                                                                              color: #242424;
                                                                              font-weight: 400;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form ul li {
                                                                              font-size: 12px;
                                                                              font-weight: 700;
                                                                              color: #242424;
                                                                              line-height: 1;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .checkbox {
                                                                              position: relative;
                                                                              margin-top: 80px;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .checkbox input {
                                                                              position: absolute;
                                                                              top: 0;
                                                                              left: 0;
                                                                              width:4%;
                                                                              height: 100%;
                                                                              z-index: 1;
                                                                              opacity: 0;
                                                                              cursor: pointer;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .checkbox label {
                                                                              font-size: 15px;
                                                                              color: #343434;
                                                                              padding-left: 35px;
                                                                              position: relative;
                                                                              margin-bottom: 10px;
                                                                              font-weight: 300;
                                                                              display: block;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .checkbox label:before {
                                                                              content: "";
                                                                              position: absolute;
                                                                              left: 0;
                                                                              top: 50%;
                                                                              -webkit-transform: translateY(-50%);
                                                                              transform: translateY(-50%);
                                                                              width: 19px;
                                                                              height: 19px;
                                                                              background: url(../img/icons/checkbox2.png) no-repeat bottom center;
                                                                              background-size: cover;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .checkbox label b {
                                                                              color: #8eba1c;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .checkbox input:checked ~ label:before {
                                                                              background: url(../img/icons/checkbox2.png) no-repeat top center;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .buttons {
                                                                              display: -webkit-box;
                                                                              display: -ms-flexbox;
                                                                              display: flex;
                                                                              -webkit-box-align: center;
                                                                              -ms-flex-align: center;
                                                                              align-items: center;
                                                                              -webkit-box-pack: end;
                                                                              -ms-flex-pack: end;
                                                                              justify-content: flex-end;
                                                                              margin-top: 15px;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .buttons span.captcha,
                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .buttons button[type="submit"] {
                                                                              line-height: 50px;
                                                                              background: #5f3313;
                                                                              color: white;
                                                                              font-size: 15px;
                                                                              font-weight: 900;
                                                                              text-align: center;
                                                                              width: 40%;
                                                                              border: none;
                                                                              margin-left: 20px;
                                                                              border-radius: 15px;
                                                                              -webkit-transition: .4s;
                                                                              transition: .4s;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .buttons span.captcha:hover,
                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .buttons button[type="submit"]:hover {
                                                                              background: #8eba1c;
                                                                              color: white;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.form .buttons span.captcha {
                                                                              background: #f9f9f9;
                                                                              color: #2b2b2b;margin-right: 30px;    position: relative;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.contact ul.contact-info li {
                                                                              display: -webkit-box;
                                                                              display: -ms-flexbox;
                                                                              display: flex;
                                                                              -webkit-box-align: center;
                                                                              -ms-flex-align: center;
                                                                              align-items: center;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.contact ul.contact-info li i {
                                                                              font-size: 24px;
                                                                              color: #5f3313;
                                                                              margin-right: 10px;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.contact ul.contact-info li span {
                                                                              font-size: 17px;
                                                                              color: #222222;
                                                                              font-weight: 700;
                                                                            }

                                                                            .page-contentsayfa .wrapper .columns.content .inner.contact .map {
                                                                              float: left;position: relative;width: 50%;}
                                                                              ul.contact-info{float: left;width:50%;}
                                                                              .page-contentsayfa .wrapper .columns.content .inner.contact .map iframe {
                                                                                border: 2px solid #d7d7d7;
                                                                                border-radius: 15px;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.contact-form form .input input {
                                                                                text-align: left;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.contact-form form .input textarea {
                                                                                width: 100%;
                                                                                border-radius: 15px;
                                                                                border: none;
                                                                                border: 2px solid #acacac;
                                                                                padding: 8px 20px;
                                                                                text-align: left;
                                                                                font-weight: 900;
                                                                                font-size: 15px;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.contact-form form .checkbox {
                                                                                margin-top: 0;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content {
                                                                                display: none;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .section-title {
                                                                                padding-bottom: 10px;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .section-title h3 {
                                                                                color: #181818;
                                                                                font-size: 24px;
                                                                                font-weight: 900;
                                                                                margin-bottom: 5px;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .section-title p {
                                                                                font-size: 15px;
                                                                                color: #454545;
                                                                                margin: 0;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .section-title ul.services {
                                                                                display: -webkit-box;
                                                                                display: -ms-flexbox;
                                                                                display: flex;
                                                                                -webkit-box-align: start;
                                                                                -ms-flex-align: start;
                                                                                align-items: flex-start;
                                                                                -ms-flex-wrap: wrap;
                                                                                flex-wrap: wrap;
                                                                                margin-top: 30px;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .section-title ul.services li {
                                                                                width: 50%;
                                                                                padding-left: 40px;
                                                                                font-size: 15px;
                                                                                color: #454545;
                                                                                margin-bottom: 15px;
                                                                                position: relative;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .section-title ul.services li:before {
                                                                                content: "\f123";
                                                                                position: absolute;
                                                                                top: 50%;
                                                                                -webkit-transform: translateY(-50%);
                                                                                transform: translateY(-50%);
                                                                                left: 0;
                                                                                font-family: Flaticon;
                                                                                font-size: 25px;
                                                                                color: #8eba1c;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul {
                                                                                display: -webkit-box;
                                                                                display: -ms-flexbox;
                                                                                display: flex;
                                                                                -webkit-box-align: center;
                                                                                -ms-flex-align: center;
                                                                                align-items: center;
                                                                                position: relative;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul li {
                                                                                margin-right: 30px;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul li a {
                                                                                font-size: 17px;
                                                                                display: block;
                                                                                color: #bcbcbc;
                                                                                font-weight: 900;
                                                                                -webkit-transition: .4s;
                                                                                transition: .4s;
                                                                                position: relative;
                                                                                padding: 10px 0;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul li a:hover {
                                                                                color: #181818;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul li a.active {
                                                                                color: #181818;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul li a.active:before {
                                                                                -webkit-transform: scaleX(1);
                                                                                transform: scaleX(1);
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul li a:before {
                                                                                content: "";
                                                                                position: absolute;
                                                                                left: 0;
                                                                                top: 100%;
                                                                                height: 8px;
                                                                                width: 100%;
                                                                                background: #8eba1c;
                                                                                border-radius: 4px;
                                                                                -webkit-transform: scaleX(0);
                                                                                transform: scaleX(0);
                                                                                -webkit-transform-origin: left;
                                                                                transform-origin: left;
                                                                                -webkit-transition: .4s;
                                                                                transition: .4s;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .links ul:before {
                                                                                content: "";
                                                                                position: absolute;
                                                                                left: 0;
                                                                                top: 100%;
                                                                                width: 100%;
                                                                                height: 8px;
                                                                                border-radius: 4px;
                                                                                background: #ffffff;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab {
                                                                                margin: 20px 0 0;
                                                                                display: none;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content {
                                                                                display: -webkit-box;
                                                                                display: -ms-flexbox;
                                                                                display: flex;
                                                                                -ms-flex-wrap: wrap;
                                                                                flex-wrap: wrap;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus {
                                                                                display: -webkit-box;
                                                                                display: -ms-flexbox;
                                                                                display: flex;
                                                                                -webkit-box-align: start;
                                                                                -ms-flex-align: start;
                                                                                align-items: flex-start;
                                                                                width: 70%;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item {
                                                                                width: 50%;
                                                                                margin-bottom: 20px;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item h4 {
                                                                                font-size: 19px;
                                                                                font-weight: 900;
                                                                                color: #8eba1c;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .menus .item ul li {
                                                                                color: #181818;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf {
                                                                                margin-top: 40px;
                                                                                width: 30%;
                                                                                display: -webkit-box;
                                                                                display: -ms-flexbox;
                                                                                display: flex;
                                                                                -webkit-box-pack: end;
                                                                                -ms-flex-pack: end;
                                                                                justify-content: flex-end;
                                                                                position: relative;
                                                                                z-index: 0;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a {
                                                                                display: block;
                                                                                text-align: center;
                                                                                padding: 10px;
                                                                                border-radius: 10px;
                                                                                border: 3px solid #cccccc;
                                                                                height: auto;
                                                                                color: #181818;
                                                                                font-weight: 900;
                                                                                font-size: 12px;
                                                                                height: 95px;
                                                                                -webkit-transition: .4s;
                                                                                transition: .4s;
                                                                                position: relative;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a:before {
                                                                                content: "";
                                                                                position: absolute;
                                                                                top: -4px;
                                                                                background: white;
                                                                                left: 15%;
                                                                                width: 70%;
                                                                                height: 6px;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a i {
                                                                                position: relative;
                                                                                z-index: 1;
                                                                                display: block;
                                                                                font-size: 48px;
                                                                                font-weight: 400;
                                                                                color: #181818;
                                                                                line-height: 1;
                                                                                margin-top: -15px;
                                                                                margin-left: 5px;
                                                                                -webkit-transition: .4s;
                                                                                transition: .4s;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a span {
                                                                                display: block;
                                                                                font-weight: 400;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a:hover {
                                                                                border-color: #8eba1c;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.menu .menu-content .pdf a:hover i {
                                                                                color: #8eba1c;
                                                                                -webkit-transform: translateY(-5px);
                                                                                transform: translateY(-5px);
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.galeri .galeri-slider .owl-nav .owl-next,
                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.galeri .galeri-slider .owl-nav .owl-prev {
                                                                                position: absolute;
                                                                                top: 50%;
                                                                                left: 15px;
                                                                                -webkit-transform: translateY(-50%);
                                                                                transform: translateY(-50%);
                                                                                z-index: 1;
                                                                                width: 40px;
                                                                                height: 40px;
                                                                                line-height: 40px;
                                                                                color: white;
                                                                                font-size: 32px;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.galeri .galeri-slider .owl-nav .owl-next {
                                                                                left: auto;
                                                                                right: 15px;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea {
                                                                                width: 100%;
                                                                                padding: 15px;
                                                                                border: 2px solid #d7d7d7;
                                                                                border-radius: 10px;
                                                                                background: white;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea::-webkit-input-placeholder {
                                                                                color: #b0b0b0;
                                                                                font-weight: 600;
                                                                                color: #b0b0b0;
                                                                                font-size: 14px;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea:-ms-input-placeholder {
                                                                                color: #b0b0b0;
                                                                                font-weight: 600;
                                                                                color: #b0b0b0;
                                                                                font-size: 14px;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea::-ms-input-placeholder {
                                                                                color: #b0b0b0;
                                                                                font-weight: 600;
                                                                                color: #b0b0b0;
                                                                                font-size: 14px;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form textarea::placeholder {
                                                                                color: #b0b0b0;
                                                                                font-weight: 600;
                                                                                color: #b0b0b0;
                                                                                font-size: 14px;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons {
                                                                                margin-top: 15px;
                                                                                text-align: right;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons a, .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons button {
                                                                                height: 40px;
                                                                                line-height: 40px;
                                                                                display: inline-block;
                                                                                padding: 0 30px;
                                                                                color: white;
                                                                                font-size: 12px;
                                                                                text-transform: uppercase;
                                                                                font-weight: 900;
                                                                                border: none;
                                                                                border-radius: 10px;
                                                                                background: #5f3313;
                                                                                -webkit-transition: .4s;
                                                                                transition: .4s;
                                                                                position: relative;
                                                                              }

                                                                              .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons a:before, .page-contentsayfa .wrapper .columns.content .inner.detail .tab-content .submenu-content .subtab.comments .form form .buttons button:before {
                                                                                content: "";
                                                                                position: absolute;
                                                                                top: 0;
                                                                                left: 0;